folks, when i put the light box code, the slide show in the top right corner of my wordpress blog is not showing at all. i put the light box js code in to my theme header.php file just below the smooth gallary slideshow code. so the smooth gallary is not shown up when run. but the light box works. * pls see the bottom part smooth gallary code and lightbox code. that is where conflict happen it seems. <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title> <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats --> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <!--Tabber Start--> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/tab.css" type="text/css" media="screen" /> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/tabber.js"></script> <script type="text/javascript"> document.write('<style type="text/css">.tabber{display:none;}<\/style>'); </script> <!--Tabber End--> <!--Sliding Panel Start--> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/mootools.svn.js"></script> <script type="text/javascript"> window.addEvent('domready', function(){ var mySlide = new Fx.Slide('top-panel').hide(); $('toggle').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); e.stop(); }); }); </script> <!--Sliding Panel End--> <!--Fancybox Start--> <script type='text/javascript' src="<?php bloginfo('url'); ?>/wp-includes/js/jquery/jquery.js"></script> <link href="<?php bloginfo('template_directory'); ?>/js/fancybox/fancy.css" media="screen" rel="stylesheet" type="text/css"/> <script src="<?php bloginfo('template_directory'); ?>/js/fancybox/jquery.fancybox-1.0.0.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $("a.zoom[href$=.jpg]").fancybox(); $("a.tt-flickr[href$=.jpg]").fancybox(); }); </script> <!--Fancybox End--> <!--SmoothGallery Starts--> <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/smoothgallery/css/jd.gallery.css" type="text/css" media="screen"/> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/smoothgallery/scripts/mootools.v1.11.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/smoothgallery/scripts/jd.gallery.js"></script> <!--SmoothGallery Ends--> <!--lightbox start--> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <!--lightbox end--> <?php wp_head(); ?> </head> Code (markup): whats going wrong? where i shuld put the light box part then Edited : I found that slideshow is not appearing in the homepage only. but if you got the second page or other pages it appearing. btw, remember the slide show has been not confugured yet. just i want it be appear any way.