1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Exisiting Slideshow not showing after installing lightbox

Discussion in 'Content Management' started by afridy, Oct 20, 2009.

  1. #1
    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() ) { ?> &raquo; 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.
     
    Last edited: Oct 20, 2009
    afridy, Oct 20, 2009 IP
  2. meno

    meno Active Member

    Messages:
    121
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    60
    #2
    maybe any other script conflict with lighbox?
    sometimes it happens
     
    meno, Oct 31, 2009 IP