Translucant Slide Show coming up with red "x"
1) Script Title: Translucent slide show
2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ucentslide.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:
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>
CSS Codes
Reply With Quote
Bookmarks