UPDATE 2.1 [ 14/06/2011 ]
UPDATE 2.0 [ 09/06/2011 ]
How to set the number of thumbnails, I have this portrait images in the slider.. the navigation only shows 2 of them, while there is space for 4?
You can’t set the number of thumbnails displayed per ‘page’ because it’s calculated automatically from thumb width / height and thumb space. So try to lower that for more thumbs. Also there is another parameter “nav_arrow_size:40” – this is the space that is allocated for each arrow ( so at default 80 px are substracted for the arrows ) and you can also lower this for more thumbs.
is it possible to put a link on the images ( the main image offcourse not the thumbnails) Yes, sure, write
<a href="#"><img src="img/def1.jpg" /></a>
instead of
<img src="img/def1.jpg" />
I try to add links in the description but it breaks the script
Propably you are doing something like this
BAD:
data-description="My link is <a href="The problem is that the ” inside href breaks the ” from the data-description. The solutions is use ’ instead of “
data-description='My link is <a href="Hi. How can i stop the auto-sliding of the phoenixgallery
you have in the parameters
targetgallery.phoenixgallery({ transition_type:"random", nav_type:"thumbsa", nav_position:"up", thumb_width:100, thumb_height:75, thumb_space:20, nav_space:25, nav_arrow_size:40, settings_shadow:"off", settings_autoresize:"off", settings_autoheight:"off", settings_pauseonrollover:"off", settings_usethumbarrows:'off', transition_strips_x:10, transition_strips_y:5, arrows_normal_alpha:1, arrows_roll_alpha:0.3, thumbs_normal_alpha:1, thumbs_roll_alpha:0.3 })to disable slideshow just add a new parameter settings_slideshow and set it to off like this
targetgallery.phoenixgallery({ transition_type:"random", nav_type:"thumbsa", nav_position:"up", thumb_width:100, thumb_height:75, thumb_space:20, nav_space:25, nav_arrow_size:40, settings_shadow:"off", settings_autoresize:"off", settings_autoheight:"off", settings_slideshow:"off", settings_pauseonrollover:"off", settings_usethumbarrows:'off', transition_strips_x:10, transition_strips_y:5, arrows_normal_alpha:1, arrows_roll_alpha:0.3, thumbs_normal_alpha:1, thumbs_roll_alpha:0.3 })For some reason when I add a link to the image the zoom effect no longer functions.
That is because the attributes data-initialZoom, data-finalZoom, data-effectTime etc. need to be on the direct child of the gallery div. For example if you have
< img src="img/1.jpg" data-finalZoom="2"/>effect will work, but if you add link like this
<a href="#">< img src="img/1.jpg" data-finalZoom="2"/></a>effect won’t work. You need to move the attributes to the direct child of the gallery like so:
<a href="#" data-finalzoom="2">< img src="img/1.jpg" /></a>