RSS Feed

DonD 2012© No Rights Reserved

Page last updated 25/01/2012 10:24:02

Produced with

Site Feedback

Search

There are a couple of ways to display a set of photos via the group or slideshow option. Below you will find examples of this with the demonstration first and the code I used, pasted into the body of an “attach html code” button dialogue box.

This is a 3 photo slideshow, you can add as many photos as you like to show.

<a href="images/LifeboatL.jpg" rel="lyteshow[whitby]" title="Life boat coming into harbour"><img src="images/LifeboatS.jpg"style="border: none;"/></a>

<a href="images/OldbusL.jpg" rel="lyteshow[whitby]" title="The oldie bus"><style="border: none;"/></a>

<a href="images/WhitbyHarbourL.jpg" rel="lyteshow[whitby]" title="Whitby harbour"><style="border: none;"</a>

<P class="Normal-P"><span class="Normal-C"><a href="images/LifeboatL.jpg" rel="lyteshow[Whitby]" title="Life boat coming into harbour">IMAGES</a>

<a href="images/OldbusL.jpg" rel="lyteshow[Whitby]" title="The oldie bus"><style="border: none;"/></a>

<a href="images/WhitbyHarbourL.jpg" rel="lyteshow[Whitby]" title="Whitby harbour"><style="border: none;"</a>

Here we have the same photo slideshow but using a word as the hyperlink to start it

Here we have the same photo hyperlink but this time to the group option. You could change this to a text hyperlink by following the above method and change the rel=”lyteshow to rel=”lytebox

IMAGES

<a href="images/LifeboatL.jpg" rel="lytebox[whitby]" title="Life boat coming into harbour"><img src="images/LifeboatS.jpg"style="border: none;"/></a>

<a href="images/OldbusL.jpg" rel="lytebox[whitby]" title="The oldie bus"><style="border: none;"/></a>

<a href="images/WhitbyHarbourL.jpg" rel="lytebox[whitby]" title="Whitby harbour"><style="border: none;"</a>

What does the code mean

Most is the same as on previous page but with you doing all the coding and not getting any help from WP.           

Location of photo to view as large photo

Lytebox display option

Photo comments that are displayed below photo

<a href="images/LifeboatL.jpg" rel="lyteshow[whitby]" title="Life boat coming into harbour"><img src="images/LifeboatS.jpg"style="border: none;"/></a>

Location of photo to view as thumbnail. You will notice that only the first one in the groups has this option as this is the hyperlink to start the display of photos.

3/4