Hello all, I am having problems big time with my programming... I have installed a portfolio script that I found here http://www.twospy.com/galleriffic/ . I have followed all the instructions and everything but as you can see here http://www.sparksolutions.net/portfolio.html , my programming did not work. Here is the code for the entire page. The code highlighted in red is the code I entered for the program: <?xml version="1.0" encoding="utf-8"?> <!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>Portfolio - Spark Solutions</title> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection" /> <meta name="Keywords" content="Affordable Ecommerce, Affordable Seo" /> <meta name="Description" content="Spark Solutions offers a variety of professional web solutions such as affordable ecommerce and affordable seo." /> [COLOR="Red"]<script type="text/javascript" src="http://www.sparksolutions.net/portfolio/jquery-1.2.6.js"></script> <script type="text/javascript" src="http://www.sparksolutions.net/portfolio/js/jquery.galleriffic.js"> $(document).ready(function(galleriffic) { var gallery = $('#gallery').galleriffic('#thumbs', { delay: 3000, // in milliseconds numThumbs: 20, // The number of thumbnails to show page preloadAhead: -1, // Set to -1 to preload all images enableTopPager: false, enableBottomPager: true, imageContainerSel: '', // The CSS selector for the element within which the main slideshow image should be rendered controlsContainerSel: '', // The CSS selector for the element within which the slideshow controls should be rendered captionContainerSel: '', // The CSS selector for the element within which the captions should be rendered loadingContainerSel: '', // The CSS selector for the element within which should be shown when an image is loading renderSSControls: false, // Specifies whether the slideshow's Play and Pause links should be rendered renderNavControls: true, // Specifies whether the slideshow's Next and Previous links should be rendered playLinkText: 'Play', pauseLinkText: 'Pause', prevLinkText: 'Previous', nextLinkText: 'Next', nextPageLinkText: 'Next ›', prevPageLinkText: '‹ Prev', enableHistory: false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes autoStart: false, // Specifies whether the slideshow should be playing or paused when the page first loads onChange: undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... } onTransitionOut: undefined, // accepts a delegate like such: function(callback) { ... } onTransitionIn: undefined, // accepts a delegate like such: function() { ... } onPageTransitionOut: undefined, // accepts a delegate like such: function(callback) { ... } onPageTransitionIn: undefined // accepts a delegate like such: function() { ... } }); }); </script>[/COLOR] </head> <body id="page4"> <div id="site_center"> <div class="tall_top"> <div class="tall_bottom"> <div id="main"> <!-- header --> <div id="header"> <div class="row_1"> <div style="margin-left:14px;"> <!--Valid flash version 8.0--> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="766" height="231"> <param name="movie" value="flash/header_v8.swf" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <!--[if !IE]> <--> <object data="flash/header_v8.swf" width="766" height="231" type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> FAIL (the browser should render some flash content, not this). </object> <!--> <![endif]--> </object> </div> </div> <div class="row_2"> <div style="margin-left:15px;"> <!--Valid flash version 8.0--> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="766" height="48"> <param name="movie" value="flash/menu_v8.swf?button=4" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <!--[if !IE]> <--> <object data="flash/menu_v8.swf?button=4" width="766" height="48" type="application/x-shockwave-flash"> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" /> <param name="wmode" value="transparent" /> FAIL (the browser should render some flash content, not this). </object> <!--> <![endif]--> </object> </div> </div> </div> <!-- content --> <div id="content"> <div class="indent"> <div class="col_1"> <div class="indent"> <div class="title_block"></div> <h2><strong>Check out what we've done!</strong></h2> <p>Let us show you some satisfied customers that love what we do, and how we do it! </p> <br /> [COLOR="Red"]<div id="controls"></div> <div id="loading"></div> <div id="slideshow"></div> <div id="caption"></div> <div id="thumbs"> <ul class="thumbs noscript"> <li> <a class="thumb" href="http://www.sparksolutions.net/portfolio/thumbnails/thumb-1.jpg" title="Art2Fact"> <img src="http://www.sparksolutions.net/portfolio/thumbnails/thumb-1.jpg" alt="Art2Fact" /> </a> <div class="caption"> (Any html can go here) </div> </li> <li> <a class="thumb" href="http://www.sparksolutions.net/portfolio/thumbnails/thumb-2.jpg" title="Easy Auto Web"> <img src="http://www.sparksolutions.net/portfolio/thumbnails/thumb-2.jpg" alt="Easy Auto Web" /> </a> <div class="caption"> (Any html can go here) </div> </li> <li> <a class="thumb" href="http://www.sparksolutions.net/portfolio/thumbnails/thumb-3.jpg" title="Prisim International"> <img src="http://www.sparksolutions.net/portfolio/thumbnails/thumb-3.jpg" alt="Prisim International" /> </a> <div class="caption"> (Any html can go here) </div> </li> <li> <a class="thumb" href="http://www.sparksolutions.net/portfolio/thumbnails/thumb-4.jpg" title="Margie Balter"> <img src="http://www.sparksolutions.net/portfolio/thumbnails/thumb-4.jpg" alt="Margie Balter" /> </a> <div class="caption"> (Any html can go here) </div> </li> <li> <a class="thumb" href="http://www.sparksolutions.net/portfolio/thumbnails/thumb-5.jpg" title="Mommy Mentors"> <img src="http://www.sparksolutions.net/portfolio/thumbnails/thumb-5.jpg" alt="Mommy Mentors" /> </a> <div class="caption"> (Any html can go here) </div> </li> <li> <a class="thumb" href="http://www.sparksolutions.net/portfolio/thumbnails/thumb-6.jpg" title="The Carbon Offset"> <img src="http://www.sparksolutions.net/portfolio/thumbnails/thumb-6.jpg" alt="The Carbon Offset" /> </a> <div class="caption"> (Any html can go here) </div> </li> </ul></div> [/COLOR] <p> </p> </div> </div> <div class="col_2"> <div class="title_block"></div> <div class="block"> <div class="t"> <div class="r"> <div class="b"> <div class="l"> <div class="l_t"> <div class="r_t"> <div class="r_b"> <div class="l_b"> <div class="ind"> <h3>What Do You Think?<br /> </h3> <p>We love to hear from the people we help! So if you have recently had a little help from us, please tell us what you think. <br /> <br /> We want to hear from you good or bad. If your experience was good and we can count you as one of our sparked customers, please tell us about it. If your experience with us could have been better, please help us improve by sharing your thoughts with us. <br /> <br /> Your comments and feedback are always welcome. Please don’t hold anything back; your picture is worth a thousand words to, so please share it with us!</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <br /> <!-- Begin Volusion Live Chat --> <div class="volusion_chat_a" id="VolusionLiveChat"><a href="http://www.volusion.com/livechat_software.asp">Free Live Chat Software</a></div> <script type="text/javascript" src="https://livechat.volusion.com/script.aspx?id=248701"></script> <!-- End Volusion Live Chat --> </div> <div class="clear"></div> </div> </div> <!-- footer --> <div id="footer"> <div class="indent" style="padding-top:30px;"> <div class="col_1">Spark Solutions© 2009, <a href="http://www.sparksolutions.net/privacy_policy.html">Our Policy</a> | <a href="sitemap.html">Navigation</a></div> <div class="col_2"> <ul> <li><a style="margin-left:0px;" href="http://www.sparksolutions.net/index.html">About Us</a></li> <li><a href="http://www.sparksolutions.net/services.html">Services</a></li> <li><a href="http://www.sparksolutions.net/our-team.html">Our Team</a></li> <li><a href="http://www.sparksolutions.net/portfolio.html">Portfolio</a></li> <li><a href="http://www.sparksolutions.net/community">Community</a></li> <li><a style="background:none;" href="http://www.sparksolutions.net/support.html">Support</a></li> </ul> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </body> </html> Code (markup): I think it has something to do with the CSS selector thing... but I do not know what that is?
you must include <script> tags when you copy paste javascript in html. thatz the error i could see now. try ur luck.