PDA

View Full Version : Ultimate Fade-In Slideshow (v1.51):



Roger1941
09-28-2008, 11:39 AM
1) Script Title: Ultimate Fade-In Slideshow (v1.51):

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: Very new to javascript & your site.Hope this is in the correct place!.

Cannot get this to run, Both files copied into Frontpage file . Have replaced the image files with ones from the same folder. just get a blank screen.

Very grateful for help

jscheuer1
09-28-2008, 11:48 AM
In your attached text file the main script code appears two times and the code for Step 2 does not appear at all. Make sure to follow Step 1 and Step 2 from the demo page. Use each as instructed, and only once per page.

Roger1941
09-28-2008, 12:14 PM
Hi John

Many thanks for your reply, had actually realized that and have now got it working.

Another question maybe. Is there any way of getting the images into different tables on the web site and resizing them?

Again many thanks

jscheuer1
09-28-2008, 04:54 PM
I'm not sure what you mean. Images may be resized (and optimized) in any good image editing program. In fact, for optimal presentation on the web, all images should be processed in this manner. The layout of your page is basically up to you. If you want to use tables (not always the best idea), you can set up each slide show call in a separate table or cell (from the demo page's markup):


<table border="0" width="450" cellspacing="0" cellpadding="0">
<tr>
<td><script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, pause, optionalRandomOrder)
new fadeshow(fadeimages, 140, 225, 1, 3000, 1, "R")

</script></td>
<td><script type="text/javascript">
new fadeshow(fadeimages2, 110, 110, 0, 4000, 0)

</script></td>
</tr>
</table>

Now, if you don't wish to edit your images for optimal presentation on the web, there are various things that can be done with style and/or editing the script to get the browser to resize the images. This often results in poor load times and poor looking images. The quality of a browser resized image varies greatly from image to image and from browser to browser. Not optimizing and resizing large high quality images that you intend to sell in an image editing program before displaying them on the web will result in your merchandise (those images) being stolen.

Roger1941
10-02-2008, 03:43 PM
Hi John

Many thanks for all your help. Have now got the script working fine and, thanks to your last post, am able to locate the slideshows where I want them on the page.

With regard to resizing images, I was being a bit daft. All I needed to do was change the display size in this line:-

new fadeshow(fadeimages, 140, 225, 1, 3000, 1, "R") (for both displays)

to:-

new fadeshow(fadeimages, 400, 300, 1, 3000, 1, "R")

This being the size of the pictures I wanted to use. They are in fact "optimised for Internet" by Corel Photo House 3.

Again, many thanks for your help.

Regards

Roger