PDA

View Full Version : Translucant Slide Show coming up with red "x"



karrie
03-23-2011, 06:56 PM
1) Script Title: Translucent slide show

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

3) Describe problem: I'm receiving a red "x" where the pictures are suppose to be. Can you help?

Below is part of my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />

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

<style type="text/css">

#myslideshow{ /*sample CSS for demo*/
border:2px solid black;
}

#page1 .tail-top .tail-bottom .tail-bottom1 .main #content .indent-main table tr td h1 {
color: #FFF;
}
</style>

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

/***********************************************
* Translucent slideshow- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script type="text/javascript">

var translideshow1=new translideshow({
wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
dimensions: [604, 453], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images/13.jpg"], //["image_path", "optional_link", "optional_target"]
["images/14.jpg"],
["images/15.jpg"],
["images/16.jpg"],
["images/16b.jpg"],
["images/17a.jpg"],
["images/21.jpg"],
["images/8.jpg"],
["images/IMG_1402.jpg"],
["images/IMG_1639.jpg"],
["images/IMG_1829.jpg"],
["images/IMG_1831.jpg"],
["images/On dasher on dancer.jpg"],
["images/River view.jpg"],
["images/West 12410 (16).jpg"],
["images/West 12410 (23).jpg"]//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:4000, cycles:0, pauseonmouseover:true},
orientation: "h", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 400 //transition duration (milliseconds)
})

</script>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<link href="ie_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, #header, #footer');
</script>
<![endif]-->


<link rel="stylesheet" type="text/css" href="chrometheme/chromestyle.css" />

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

/***********************************************
* Chrome CSS Drop Down Menu- (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 full source code
***********************************************/

</script>

</head>

<body id="page2">
<div class="extra-bg png"></div>
<div id="main">
<!-- header -->
<div id="header">
<div class="row-1">
<a href="#" class="sign png">Sign In</a>

<ul class="nav">

</ul>
</div>
<div class="indent2">
<h1><a href="index.html"><strong>Hunting</strong> trophy deer outfitters, <span class="llc">llc.</span></a></h1>
<div class="slogan png">hunts for the passionate outdoorsman</div>

</div>
</div>


<!-- content -->
<div id="content" class="png">
<div class="inside">


<div class="chromestyle" id="chromemenu">
<ul>


<li><a href="index.html">Home</a></li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="photovideo.html">Photos/Videos</a></li>
<li><a href="contact.html">Contacts</a></li>
<li><a href="#" rel="dropmenu1">Packages</a></li>
<br />
<br />
</ul>
</div>


<div class="wrapper">
<div class="aside"><img src="images/hunts1page-title1.jpg" alt="" width="266" height="47" /><br />
<div class="indent">
<ul class="list1">
<li><a href="trophywhitetaildeer.html">Trophy Whitetail Deer</a></li>
<li><a href="trophymuledeer.html">Trophy Mule Deer</a></li>
<li><a href="merriamturkeys.html">Merriam Turkeys</a></li>
<li><a href="pheasant.html">Pheasant</a></li>
<li><a href="predator.html">Predator</a></li></ul></div>
<img src="images/locations1page-title1.jpg" alt="" width="266" height="47" /><br />
<div class="indent">
<ul class="list1">
<li><a href="eaglecreek.html">Eagle Creek</a></li>
<li><a href="rockfalls.html">Rock Falls</a></li>
<li><a href="brushcreek.html">Brush Creek</a></li>
<li><a href="smithcreek.html">Smith Creek</a></li>
<li><a href="niobrara.html">Niobrara River</a></li>
</ul>
</div>
</div>
<div class="content">
<!-- box1 begin -->
<div class="box1">
<div class="top">
<div class="bot">
<div class="inner"><br />
A Nebraska based Family providing Trophy Deer &amp; Merriam Turkey Hunts for the passionate outdoorsman and his family.
<div class="wrapper"><a href="aboutus.html" class="button png">more</a></div>
</div>
</div>
</div>
</div>
<!-- box1 end -->
<!-- box2 begin -->
<div class="box2">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<div class="wrapper">
<td width="575">&nbsp;<div align="center"><div id="myslideshow"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box2 end -->
</div>
</div>
</div>
</div>

ddadmin
03-24-2011, 05:41 AM
Make sure your image paths are correct- if you specify relative paths as you have, they are assumed to be relative to the directory your slideshow page is in. When in doubt just use absolute URLs, for example:


["http://mysite.com/images/13.jpg"], //["image_path", "optional_link", "optional_target"]
["http://mysite.comimages/14.jpg"],

karrie
03-24-2011, 02:52 PM
You're brillant! Thanks...that fixed it...I should have know, but I just missed it. Again THANKS!