Freepages-Help-L Archives

Archiver > Freepages-Help > 2008-11 > 1227238508


From: "Barry Carlson" <>
Subject: Re: [FreeHelp] Subject: Variable Image Size 'Slide show'
Date: Fri, 21 Nov 2008 16:35:08 +1300
References: <0C42A8BB5AE943598A554713AE3C127F@BERT>


Here is a dual slideshow running (at the same time) on a page.
http://freepages.rootsweb.ancestry.com/~bristowe/test/slidex2.html
The lefthand show is a 'cross-slide' type running in seqential order. The
righthand show is a 'cross-fade' type running with the same library of
images in random order. The images can be any width and height, but the
correct scaling to match the slideshow window needs to be calculated by you
and entered in the mark-up. Internet Explorer will not show the text
captions of the 'cross-fade' type, but both types run perfectly in all other
browsers. These shows make use of JQuery javascript and plugins. Other than
the JQuery master file and plugin, the remainder of the code is on the page.

The original Variable Image Slide Show that Cosondra refered to is at:-
http://freepages.rootsweb.ancestry.com/~bristowe/test/slideshow.html
and runs without the 'crossfade' effect in browsers other than Internet
Explorer, i.e. it justs 'switches' images. The captions show in all
browsers. No scaling of the images is required and no width / height data
is entered. The JavaScript calculates the correct dimensions and scales the
output to match the display window dimensions. This show can also be set up
to display more than one instance on a page. Note the starting
instructions, and for users of IE8beta2, select Tools & Run in Compatibilty
Mode. (Note to myself - "Why does IE have to make life so difficult"??).

Barry

> On Thursday, November 20, 2008 8:50 AM (UTC+13)
> Cosondra wrote:-
>
>
>> Barry shared his javascript instructions for placing a variable image
>> size
>> slide show on a website. I would like to know if it is possible to have
>> two
>> instances of the slide show on the same page using two different groups
>> of
>> images?
> ------------------------
> Cosondra
>
> Yes. Copy and paste the <div id="ssOne"> rename it <div id="ssTwo"> and
> change all the image details to suit in it. Go to your styles, copy and
> paste all the #ssOne { styles } and rename them #ssTwo { styles }.
>
> That should get it going for you.
>
> Barry
>
>
> -------------------------------
> To unsubscribe from the list, please send an email to
> with the word 'unsubscribe' without
> the quotes in the subject and the body of the message

This thread: