• View
• Edit
• History
• Attach
• Print
• Backlinks

Galleria-Talk

« Return to Galleria

Please put new questions or comments at the top of the list.

Installation Path Error

At least in the TAR ball: Unpacking does not create an additional folder, "/galleria/" to be placed inside the "/cookbook/" folder. As unpacked, galleria.php would be inside the "/cookbook/" folder. This makes the "include_once("$FarmD/cookbook/galleria/galleria.php");" line not work. I have to create the folder manually. I noted this in the "Installation" instructions. Mind you, I still can't get Galleria to work, but I'll figure it out eventually and then I'll check if I can just change the config.php line to not have the additional "/galleria/" path (and place galleria.php just in the "/cookbook/" folder), and still have everything work.

 Update:

Ok. Made it work. Galleria seems to work fine whether you modify the line given in the installation instructions to read:

 include_once("$FarmD/cookbook/galleria.php");

inside "config.php", with "galleria.php" where the tarball unpacks it to

or if you use the line as given in the instructions:

 include_once("$FarmD/cookbook/galleria/galleria.php");

and create the additional "/galleria/" folder inside "/cookbook/" and move "galleria.php" into it.

but: The installation instructions do not match what is in the tarball, and it will not work as downloaded (and as I learned, yet again, the colon before the last close parenthesis really is that important).

Picasa caption question

The old Galleria (which used skins) showed the caption (in the carousel) associated with pics fetched from Picasa, but this no longer appears in the later Galleria versions.

I have tried playing with the options inside the markup, but have not been able to show the caption.

Is the caption no longer being fetched from Picasa, or am I missing something I should be able to set?

Des September 20, 2011, at 03:34 PM

Interference from BlogIt

07-Sept-2011 BruceK
Hi DaveG,

I added the include_once for Galleria.php and could not get any pages to load at all. After some research I finally noticed that I could get pages to load if I commented out either the Galleria.php or the BlogIt.php from my config.php file. Has anyone run into this already and perhaps found a solution? Thanks.

9-Sep-2011 DaveG: Make sure blogit is loaded after galleria. If it is and the problem persists, send me your config file.

16-Sept-2011 BruceK
Hi DaveG,

I sent you a copy of my config file and a stripped down version of my wiki, to pmwiki at solidgone dt com. The only recipes included are BlogIt and Galleria, along with enough pages to demonstrate them. Only one will run at a time if the other is commented out in config. Individually they both run properly as far as I can tell. Thanks for looking at this.
17-Sept-2011 BruceK
I fixed this issue by changing the function name "bi_json_encode" to "ga_json_encode" in galleria.php. Seems to have resolved the problem. Thanks.

Thanks for the upgrade

09-June-2011 Leo
Hi DaveG,

thank you very much for the update of the Galleria function. I yesterday installed the update and I really love it. Since now more than one Galleria per page is supported, I could improve my wiki photo gallery a lot.

Thanks
Leo

More than one Galleria on one Page

04-Feb-2011 Leo
Hi DaveG,

first I would like to thank you for your excellent galleria development. I really love it!
And I kindly would like to ask, if you have any idea, when more than one galleria per page will be supported?
I have seen the comment below, but so far I could not find any update, or am I'm wrong?
I would really appreciate it.

Thanks
Leo

6-Feb-2011 DaveG: Unfortunately still waiting on the new version of the jscript library Galleria. It's now in pre-release, so it's possible I may get a start on a new version soon.

07-Feb-2011 Leo
Hi DaveG,

thank you very much for your quick reply on this issue. Since I'm glad that you keep tracking on this and I'm really awaiting this nice feature I would like to ask, how can I keep an eye on this? Is there any news group or subscription possibility? Thanks again!

With Best Regards
Leo

IE not loading 1st image

September 8th 2010 SteveJ
Hiya DaveG,

this is a brilliant recipe, thanks for your work! I just wondered if there was a fix for IE (IE8 that I have tested with) that refuses to load an initial image in either the default or user set (:div:) container? Chrome, Firefox etc all load this image. From other websites I have seen using your recipe IE still won't do this? Any hints?

thanks

SteveJ

8-Sep-2010 DaveG: Seems to work on IE8 for me, so perhaps there is something else at play? What happens when you visit: http://unphotographed.com/

September 10th 2010 SteveJ
thanks for such swift reply! Using your link all appears as I would expect. I am not trying this with pmgallery just your recipe. For instance here: http://wiki.solidgone.org/Galleria/Main

with IE I just get the carousel and no auto loaded image until I select one, with Chrome I get the auto loaded image but the carousel is only displaying that one image with a 75 px high cut out across it? Perhaps I should send some screenshots?

thank you

SteveJ

9-Sep-2010 DaveG: I guess there must be a minor IE version difference, since IE8 works for me on both sites. Normally I'd help correct this, but there is a pretty substantial update 'coming soon' for the underlying Galleria javascript library, so in this case I'm going to leave this for now, and re-visit IE8 when I've integrated the new library into the cookbook. I know that doesn't help you much, but hopefully provides some reassurance for the future.

More then one Galleries on one Page

23-Jul-2010 lexx
First please excuse my bad English.
I have a problem with it to produce more than one gallery on the same page.
When i use this code once in a page, everything is ok and looks good:

(:div id="demo":)
* Attach:Hamm/Peugeot1.jpg  
* Attach:Hamm/Peugeot2.jpg
* Attach:Hamm/Peugeot3.jpg
* Attach:Hamm/Peugeot4.jpg
* Attach:Hamm/Peugeot5.jpg
* Attach:Hamm/Peugeot6.jpg
* Attach:Hamm/Peugeot7.jpg
* Attach:Hamm/Peugeot8.jpg
(:divend:)
(:div id="democontainer":)
(:divend:)
(:galleria list="#demo ul" image="#democontainer" carousel=true 
animation="slow" fadein="500":)

When i now trying to add a second gallerie with other pictures below the first gallerie at the same page, i see only strange things.
I see pictures from the second gallerie in the fist and vice versa. The carousel is not working and things like this.
Now my question:
Is it possible to crate more then one galleries on the same page?
If yes, how can i do it?
I would be very grateful for help

best reagrds
Lexx

24-Jul-2010 DaveG: At the moment multiple galleries on a page is not possible. However, development on the next version of the underlying javascript library is underway, with a new release in a few weeks. The new version does support multiple galleries on a page. So stay tuned.

HTMLDocument has no method 'ready'

24-Jun-2010 Camille: I just installed galleria in my pmwiki setup and used the very same demo code to test it using 3 jpg files. Nothing happens, the pictures are shown in the UL but no javascript is executed. Looking further in the Chrome Javascript log, I see:

 Uncaught TypeError: Object #<an HTMLDocument> has no method 'ready'

This refer to the very beginning of the galleria code in the HTML output:

 <script type="text/javascript"> 
 //<![CDATA[
 $(document).ready(function(){
 	$("#demo1 ul").galleria({
 		history   : false, // activates the history object for bookmarking, back-button etc.
 ...

Any idea about what's wrong?

<script type="text/javascript" src="URL_TO_PUB_DIR/galleria/jquery.pack.js"></script>

24-Jun-2010 Camille: I use a custom skin, indeed. I added the HTMLHeader item to my template and galleria added all of its css/js, and it works. Thank you :)

Is there any way to get the list automatically from attachments?

Peter Bowers June 07, 2010, at 03:35 AM:I would prefer to use per-page uploads and not have to create the text as the source -- basically to have the same functionality but dynamically created from the current uploaded files. Possible? Maybe I'm missing some easy way to do this...?

(:div id="demo1":)
* Attach:gallery/image1.jpg
* Attach:gallery/image2.jpg
* Attach:gallery/image3.jpg
(:divend:)
(:galleria list="#demo1 ul" carousel=true:)

Can the auto (scroll) feature in jCarousel be used?

08-May-2010 Allan?: First, this is great. Thank you! Now, I'm trying to get an autoscroll effect in Galleria for a homepage. I did some digging and clicking and saw that jCarousel has an auto (scroll) option. Is it possible to use this feature? (I did have a look at the contents of jquery.carousel.pack.js but it looked "packed"... that plus my non-existent javascript skills had me at a brick wall, unfortunately.) Thanks for your time.

8-May-2010 DaveG: Sorry, but I don't have time to test this myself, but from a quick looks like you'd need to manually call the jCarousel javascript routines to start and stop the scrolling. Be interested to know if you manage (or don't) to get it working.

12-May-2010 Allan?: No problem. I'll give it a try and update here any success. Actually, without really knowing what I was doing, I did a hack of gallery.php and added "auto" (for auto scroll) in two places, under "scroll" (I copied the line for "scroll" and substituted to "auto" instead). The carousel did start to autoscroll! Except, the main image wasn't scrolling, and I couldn't get the carousel to "wrap". But that's ok, I'll keep trying! Thanks anyway :-)

Active Image not showing up in image container when page loads the 1st time in IE7

06-January-2010 DerekLerner: The active image is not presenting itself on load when using IE7. I tested locally with a clean install of pmwiki-2.2.8 using the default skin, only including galleria.php set to use the ie7 skin via config.php in order to isolate if any conflicts were taking place with any other cookbook recipes. Safari and Firefox are working perfectly for me. I noticed that the demo used at Isfjorden Webcam is running pmwiki-2.2.4. The active image does present itself when that page loads in IE7. Any help or suggestions will be greatly appreciated. I also have gotten an error message "jCarousel: No widht/height set for items. This will cause an infinite loop. Aborting..." As a side note I am using WineBottler on a Mac to run IE7 for testing.

How to make multi-galleria ?

03-august-2009 AlPasq?: Hi, thanks for the job, my question, how to insert two or tree differents galleries with different listing in the same pmwiki page ? i try to make a different div id=, so i have two different carrousel but i have two identic expanded image. Solution exist ? Thx for your help.

3-Aug-2009 DaveG: At the moment this is not possible. The underlying libraries used do not support this. I'll add it to the future list of enhancements.

Small thing: galleria.php version number incorrect

31-July-2009 IDB: A very small point: the version name and number in galleria.php in the download package galleria.zip appears to be incorrect. The file contains the lines:

$RecipeInfo['pmGallery']['Version'] = '0.1.0';
$RecipeInfo['pmGallery']['Date'] = '2008-07-19';

when I believe it should be

$RecipeInfo['Galleria']['Version'] = '0.2.0';
$RecipeInfo['Galleria']['Date'] = '2008-12-08';

Too much copy-and-pasting? ;-)

Delete this comment if/when you wish

DaveG, 31-Jul-2009: Actually it should have been 0.3.0 -- the page info was wrong too :) Version numbers are all correct again.

Moving caroseul underneath main image?

29-July-2009 IDB: Is it possible to move the caroseul to underneath the main image? I can't work out how to do it.

29-Jul-2009 DaveG: Simply specify the target container using the image parameter, and position the target container where you need it. Refer to the demo for a sample.

29-July-2009 IDB: D'oh! NOW I see. Thanks for the prompt response. All adjusted now on my site.

How to adjust the dimension of image

22-Jun-2009 Mezquino?: Hello. First of all, I apologize for my poor english. Because of that, I'll do it easy: What can I do to adjust the dimension of the final image that appears on the screen (not the littles images in the carousel) so that the image does not appear to normal size? I asked because I dont want, if I put an 1200x800 px image, it fills the screen. I hope I have been clear. Thanks.

$HTMLStylesFmt['galleria'] = '.galleria_container img {height: 200px; width: 200px}'

Question about where to put the images

2-Jun-2009 Burialmound: Hi there. I have a silly question: where exactly do I put my images so that they are loaded?

2-Jun-2009 DaveG: At the most basic level simply attach the images to PmWiki as you would any other image in PmWiki, and then put the URLs/links in a list. Alternately you could store images in Picasa, and use PmGallery to refer to the images.

8-Jun-209 Burialmound: Hi there DaveG, thanks for your help. I must say that the images I want to upload will be stored somewhere in my company server. However, I don't how to point to those images, so that they are loaded by our wiki here.

9-Jun-2009 DaveG: If they are stored elsewhere simply point to them using their URL -- you don't need to load them into the wiki. If you want to load them into the wiki use Attach:. You first step need to be to simply display the image on a wiki page -- nothing to do with Galleria. Once you have the image displayed, then start working with Galleria.

Observation about browser dependency

Des April 22, 2009: Hi. Thanks for the recipe, I seem to have it working and styled broadly as I'd like it on my site, but have found that the thumb styling shows browser dependency.

IE is just about ok (there seems to be a little clipping error on the last thumb shown beside the Next button), while browsers like Firefox and Google Chrome fail to show the number of images requested by visible= and try to show anything up to 17 thumbs in the carousel regardless of the number requested.

I have been trying to track down the source, but the CSS is interpreted differently when tools like Firebug are activated in Firefox, eg the Prev and Next buttons disappear, and the number of thumbs changes. I'm no expert, so am struggling.

The effect can be seen at www.secretscotland.org.uk/index.php/Secrets/CoastalBatteryToward which I've been using to test the recipe, and shows the effect in the different browsers. The wiki page is open to edit if you wish to vary the parameters.

Question about usefull features

Gre: Hi. I like the gallary very much, but I realy miss some features below.

Reposition the carousel

How do you move the carousel EASY in a position of my choice relative to the image? I managed somehow to realize but it took very long :( .

DaveG: You should be able to do this with CSS. It sounds like you managed, but let me know if you need something specific. The answer above regarding Centering might provide some guidance.

Link to larger image

If "clicnext = false" then I would like to put a link on the image to view a bigger image by click:

   for example: 

• %newin%[[Attach:P5123230_bigger.jpg|Attach:P5123230.jpg]]
• %newin%[[Attach:P5123234_bigger.jpg|Attach:P5123234.jpg]]...

DaveG: In general I'd say use something like ThickBox to provide that functionality. However, I'll do some work to make sure Galleria works well with these kinds of recipes, and perhaps add a 'new-window' option.

Add a description

Have the possibility to ad a title or a description to the Images, maybe also a short title to the thumbs.

Des April 20, 2009: This may help for the large image, but not the thumb: If a comment is added to the image in Picasa, then it will appear under the large image when it is shown in Galleria.

DaveG 22-Apr-09: The problem with adding a description to the thumb is simply the length of the text in comparission to the image size. I think though that I made the description appear as the 'hover-caption' for the image -- I'm not in a position to confirm that right now though. If it doesn't do that, then I'll add it.

Question about centering the carousel

Hello. I am a very new user of pmwiki (and I am french, so excuse me if you do not understand me). I would like to know if it is possible to center the carousel, and to left a bigger blank between the carousel and the displayed picture ? Thank you very much for your work, it is really awesome.

.jcarousel-container {margin-left: auto; margin-right: auto;}

.galleria_container {text-align: center;}

.jcarousel-skin-tango {margin-top: 20px;}

Question regarding thumbs size (0730-2008 23:00 GMT+1)

I'm using galleria toghether with pmgallery, and I found the thumbs size parameter in pmgallery very useful. Is it any way to make galleria have a similar option, to increase or decrease the size of each thumbnail image inside the carousel?

30-Jul-2009 DaveG: Unfortunately I'm not in a position to check right now, but you should be able to use the 'height' and 'width' parameters to change the size of the images. You may also need to change the size of the CSS container object as well.