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 & 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"> <div align="center"><div id="myslideshow"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box2 end -->
</div>
</div>
</div>
</div>
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 & 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"> <div align="center"><div id="myslideshow"></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box2 end -->
</div>
</div>
</div>
</div>