...

View Full Version : Simple Problem



Storm08
10-11-2011, 02:04 PM
Hi all,

I'm pretty new to javascript coding and was trying to make a fading image slideshow. i have found one on dynamicdrive modified it, all looks fine. The first image shows and thats it. doesnt go through the photos :/ probably something simple but i cant work it out, any thoughts?

EDIT:


<head>
<script language="javascript1.1">
var mygallery=new fadeSlideShow({
wrapperid: "column2",
dimensions: [250, 180],
imagearray: [
["images/img1.png"],
["images/img2.png"],
["images/img3.jpg"]
],
displaymode: {type:'auto', pause:2500, cycles: 10, wraparound:false},
persist: false,
fadeduration: 500,
descreveal: "ondemand",
togglerid: ""
})
</script>
</head>
<body>
<div id="column2"><a href="#" class="next"><img src="images/img1.png" name="slide" id="rounded-image" height="288" border="0" style="filter:blendTrans(duration=3)" alt="image-1"/></a></div>
</body>


Thanks,
Storm08

niralsoni
10-11-2011, 02:45 PM
please provide your piece of code....

Storm08
10-11-2011, 02:54 PM
Thanks for the reply, ive put the code in the last post. sorry! :P

Ejean91
10-11-2011, 04:20 PM
correct me if i'm wrong, but i think the problem rests in that your javascript only recalls one single image, thus only showing One image. you need to be able to call more than one image.


<div id="column2"><a href="#" class="next"><img src="images/img1.png" name="slide" id="rounded-image" height="288" border="0" style="filter:blendTrans(duration=3)" alt="image-1"/></a></div>
</body>

first, try using div class instead of div id since you're trying to call more than one item.

That is the problem I'd think. Javascript is only looking at img1.png as the only image to 'call'. Try adding all of the images.


OR it might be that you have to use a call function in a similar manner as this to call ALL of your images within that one div.



<body onload="someFunction();otherFunction();">

or, say, in a mouseover...

onMouseOver="someFunction();otherFunction();"

In JavaScript, the semi-colon is essentially an end-of-line marker. Within reasonable limits, you can actually write a whole script inside of an event handler.

The same thing applies to the href="javascript:etc" structure. For instance:

<a href="javascript:someFunction();otherFunction();">
Click Here
</a>


Hopefully that helps. I'm a beginner myself, but that might be the workaround/code you're looking for.

niralsoni
10-11-2011, 04:55 PM
i tried downloading the script from dynamicdrive, and added your piece of code there, it worked perfectly.

have you added proper DOCTYPE in your code (as indicated in the dynamicdrive link )??

Old Pedant
10-12-2011, 04:24 AM
Ummmm...the dynamic drive library function is *NOT* there in your first post.

If that's your actual entire web page, of course it does nothing at all.

Sciliano
10-12-2011, 12:37 PM
Storm08:

See, my application here (http://www.freewarefiles.com/Multiple-Fading-Slideshows_program_71003.html) or here. (http://www.hotscripts.com/listing/multiple-fading-slideshows/)

Multiple Fading Slideshows.

ChrishHardwick
10-12-2011, 05:45 PM
Hi guys,

Many many thanks to sharing yours "Java-script coding and was trying to make a fading image slide-show" information, I am highly appreciated!!

Best advance:thumbsup:
Chrish Hardwick



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum