PDA

View Full Version : Ultimate Fade-in slideshow (v2.4) A problem!!



image
03-28-2012, 08:57 AM
1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): www.imagep.net/forum2012

3) Describe problem:
Hello. I installed Ultimate Fade-in slideshow in two pages on the website/
the first is on the main page(two small galleries) and the second in another page
(the first button on the right on the navbar) when i'm watching it offline fron the dreamweaver it's working just fine but when i'm uploading it to the server the galleries on the main page don't work and the gallery on the second page works well.
Can someone help me with it?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>פורום מנהלים</title>
<link href="main.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [250, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/101.jpg"],
["images/102.jpg"],
["images/103.jpg"],
["images/104.jpg"],
["images/105.jpg"],
["images/106.jpg"],
["images/107.jpg"],
["images/108.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2400, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 750, //transition duration (milliseconds)
descreveal: "no",
togglerid: ""
})


var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [250, 150], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/109.jpg"],
["images/110.jpg"],
["images/111.jpg"],
["images/112.jpg"],
["images/113.jpg"],
["images/114.jpg"],
["images/115.jpg"],
["images/116.jpg"],
["images/117.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2300, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 750, //transition duration (milliseconds)
descreveal: "no",
togglerid: "fadeshow2toggler"
})

</script>


</head>

<body >
<div id="container">
<div id="header">
<div id="Text">
<p>הועידה הכלכלית השנתית של המגזר החרדי </p>

</div>
<div id="line_header"></div>
<div id="logo_forum"><a href="index.html"><img src="gelem/logoforum.png" width="243" height="103" alt="logo forum" /></a></div>
<div id="navbar">
<ul>
<li><a href="http://www.imagep.net">אתר אימג</a></li>
<li><a href="contact.html">צור קשר</a></li>
<li><a href="saying.html"> על הפורום</a></li>
<li><a href="presidant.html">נשיאי הפורום</a></li>
<li><a href="#">מדיה</a></li>
<li><a href="about.html">אודות</a></li>
</ul>
</div>
<div id="lecture_btn"><a href="lectures.html"><img src="gelem/lecture_button.gif" width="212" height="44" alt="lecture" /></a></div>
</div>
<!--HEADER-->
<div id="mainContent">
<table width="913" height="385" border="0">
<tr>
<th width="645" align="left" valign="top" scope="row"><div id="forum7">
<div id="text_shviin"><img src="gelem/shviin.jpg" width="317" height="33" alt="shviin" />
<div id="text_forum7">
<p>בסעייתא דשמייא, פורום מנהלים השביעי יוצא לדרך. </p>
<p>ב 10-11.6.2012 בבינייני האומה בירושלים.</p>
</div>
</div>
<div id="forum7_logo"><img src="gelem/forum7.gif" width="221" height="95" alt="forum7" /></div>

<div id="apDiv3"></div>

<div id="DivMultiRowGalleryFX"><div id="fadeshow1"></div>

<div id="fadeshow2"></div>
</div> <!-- end DivMultiRowGalleryFX-->
</div></th>
<td width="258" align="center" valign="top"><div id="companies">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="270" height="188">
<param name="movie" value="companies.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="companies.swf" width="280" height="188">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<div id="main_video"><iframe src="http://player.vimeo.com/video/23637048?title=0&amp;byline=0&amp;portrait=0" width="250" height="180" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div></td>
</tr>
</table>

</div><!--MAINCONTENT-->


Thanx
Imry

jscheuer1
03-28-2012, 09:43 AM
The page you link to has only one slideshow on it. That one doesn't work because the images are 404 Not Found.

Upper and lower case matter on the web. So for example, there is no:

images/101.jpg

But there is a:

images/101.JPG

Correct this in the code or rename the images on the server.

I also happened to notice that on both the non-working page and on the working page you have jQuery twice:


<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

You should only have it once.

And something to think about - the images in both slideshows are much larger in byte size than they need to be, consider making lower resolution (optimized) copies for the web.