Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2013
    Posts
    2
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Lightbox and rollover conflict

    Hi everyone. I'm in need of help and am hoping someone here might be able to do that. I'm building a site for my business (I'm a graphic artist) and am trying to launch Lightbox 2 to display images from rollover links. Lightbox launches fine yet has negated not only the rollover links associated with Lightbox, but every rollover on the page. I'm at my wits ends and really need a solution or some help.

    Does any one have an idea of where I'm going wrong?

    Here's a link to a page on my site having the issue:

    http://www.chasecreativedesign.com/portfolio2.html

    Thanks for any help!

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    you have 2 closing </head> tags and you have commented out the code you have attached to every link to swap images. Also the commented out code looks to be in a script block that has no openeing <script> tag as well. thats a start.

  • Users who have thanked DanInMa for this post:

    robchase (09-20-2013)

  • #3
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    Im thinking it should look more like this

    Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>..:: Chase Creative Design ::..</title>
    <style type="text/css">
    </style>
    <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" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    
    </script>
    </head>
    If you dont want to use those MM functions (Dreamweaver Im guessing?) then you will need to remove the code for them from the various links you currently have them attached to.

  • Users who have thanked DanInMa for this post:

    robchase (09-20-2013)

  • #4
    New to the CF scene
    Join Date
    Sep 2013
    Posts
    2
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Dan, THANK YOU!!! That worked perfectly. Yeah, I built the site in Dreamweaver and know basically nill about javascript. I have been trying to figure out the problem for weeks. I owe you one.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •