how can i have 2 ultimate fadeshows on 1 page??

  • 1
  • Question
  • Updated 8 years ago
  • Answered
hi!

i am giving my site a small header re vampo & i need to know how you get 2 ultimate fde shows on 1 page,

if i just add the code twice but with different imaged on 1 then it clashes & only 1 works,

please help!!

alex

http://filey.yolasite.com/

(test page with new header)
http://filey.yolasite.com/z-home
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
  • Alex

Posted 9 years ago

  • 1
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
<!--

You dont need to add the code twice. You add different var numbers...

This is an example from my site -

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["resources/places.jpg", "http://hexham.info/places", ""] //plain image syntax
fadeimages[1]=["resources/places2.jpg", "http://hexham.info/places", ""] //image with link syntax
fadeimages[2]=["resources/places3.jpg", "http://hexham.info/places", ""] //image with link and target syntax
fadeimages[3]=["resources/hexham.jpg", "http://hexham.info/places", ""] //image with link and target syntax
fadeimages[4]=["resources/placez.jpg", "http://hexham.info/places", ""] //image with link and target syntax

var fadeimages2=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["resources/selfcatering.jpg", "http://hexham.info/accommodation", ""] //plain image syntax
fadeimages2[1]=["resources/selfcatering1.jpg", "http://hexham.info/accommodation", ""] //image with link syntax
fadeimages2[2]=["resources/estate.jpg", "http://hexham.info/accommodation", ""] //image with link and target syntax

var fadeimages3=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages3[0]=["resources/business.jpg", "http://hexham.info/business", ""] //plain image syntax
fadeimages3[1]=["resources/business1.jpg", "http://hexham.info/business", ""] //image with link syntax
fadeimages3[2]=["resources/business2.jpg", "http://hexham.info/business", ""] //image with link and target syntax
fadeimages3[3]=["resources/business3.jpg", "http://hexham.info/business", ""]
fadeimages3[4]=["resources/taxi.jpg", "http://hexham.info/business", ""]
fadeimages3[5]=["resources/gifts.jpg", "http://hexham.info/business", ""]

-------------------------------------------------

Then on the page just call the var fadeimages(x)

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 189, 144, 0, 9000, 1, "R")
</script>

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages2, 189, 144, 0, 9000, 1, "R")
</script>

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages3, 189, 144, 0, 9000, 1, "R")
</script>

--------------------------------------------------------------------------

NOTICE:

(fadeimages, 189...
(fadeimages2, 189...
(fadeimages3, 189...

Hope this helps explain it. Lee

-->
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
lee, i dont understand!!

please help!
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
<!--

ok we'll break it down...

Add this to the fade show script... (just under the first set of images)

var fadeimages2=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["resources/selfcatering.jpg", "http://hexham.info/accommodation", ""] //plain image syntax
fadeimages2[1]=["resources/selfcatering1.jpg", "http://hexham.info/accommodation", ""] //image with link syntax
fadeimages2[2]=["resources/estate.jpg", "http://hexham.info/accommodation", ""] //image with link and target syntax

and edit it to your needs.

Then on the page (where you want the second show)

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages2, 189, 144, 0, 9000, 1, "R")
</script>

Again edit it to your needs (width, height etc.)

-->

That should show 2 shows... let me know if it does not.

Lee.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
Thanks lee!

i got it workin now! alex
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
good alex - well done - can you mark the reply as 'answers question' - thanks Lee.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Also do you realise now how you add a 3rd?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
its not working!!

only 1 will work!
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
lee?
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
i thought you said you got it working?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
it looked fine in the site builder then it all went wrong :(
Photo of lakshmi.sankari

lakshmi.sankari

  • 1 Post
  • 0 Reply Likes
Hi,

I am using fadeshow js.. i need to click on the image and it show a popup window (modal) with the clicked image of the full screen. how do i do this?