Hey guys,

 

Working on a new site and hit a few problems.

 

http://www.visualmix.co.uk/College/boats/magdalen.html

 

I've put a lightbox script in place in the bottom left for the thumbnails which seems to be working ok off-line but not on at the minute (not too worried about that)

 

But it's completely thrown my menu out of whack? Also the top sliding part has stopped (though I'm thinking of having this static)?

 

Any ideas what might have caused this?

 

Thanks,

Chris

Edited December 21, 201015 yr by Crispy

I think it would be a good idea to drop here a link to your site (or to show the problem code).

http://www.visualmix.co.uk/College/boats/magdalen.html

 

I'm an idiot! Sorry.

Should all 3 of the buttons (Check Availability, Make A Booking & Read Boaters Handbook) be above the thumbnails? Are the duplication buttons (Check Availability & Make A Booking) supposed to be where they currently are too?

I'm not sure on the problems are they browser specific?

Ok I see now your having conflicts give this a try, move the link to slide.js between dropdown and prototype

 

dropdown.js

var $j = jQuery.noConflict();
$j(function(){

   $j("ul.dropdown li").hover(function(){

       $j(this).addClass("hover");
       $j('ul:first',this).css('visibility', 'visible');

   }, function(){

       $j(this).removeClass("hover");
       $j('ul:first',this).css('visibility', 'hidden');

   });

   $j("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");

});

 

slide.js

 

/*** 
   Simple jQuery Slideshow Script
   Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it 
***/

var $j = jQuery.noConflict();


function slideSwitch() {
   var $jactive = $j('#slideshow IMG.active');

   if ( $jactive.length == 0 ) $jactive = $j('#slideshow IMG:last');

   // use this to pull the images in the order they appear in the markup
   var $jnext =  $jactive.next().length ? $jactive.next()
       : $j('#slideshow IMG:first');

   // uncomment the 3 lines below to pull the images in random order

   // var $sibs  = $active.siblings();
   // var rndNum = Math.floor(Math.random() * $sibs.length );
   // var $next  = $( $sibs[ rndNum ] );


   $jactive.addClass('last-active');

   $jnext.css({opacity: 0.0})
       .addClass('active')
       .animate({opacity: 1.0}, 1000, function() {
           $jactive.removeClass('active last-active');
       });
}
$j(function() {
   setInterval('slideSwitch()', 3500 );
});

Hi mteam,

 

Not sure if they are browser specific, isn't working in chrome or ff for me.

 

I've tried that and it stopped cufon and the lightshow from working unfortunately!

Can you try this seems to be working here

 

linky

 

I've added a conditional comment so the dropdown works in IE7

Edited December 29, 201015 yr by mteam

I must be doing something wrong!

 

I've added your dropdownPlain.js and slide.js into mine, (replaced) is that all I needed to do?

Sorry I've re read what you wrote, got it working now Thanks mate.

No problem did you see the conditional style I added to fix IE7 nav problem

 

<!--[if lt IE 8]>
<style type="text/css">UL.dropdown UL LI{display:inline;width:100%;}</style>	
<![endif]-->

 

Don't know if you care about IE6 ?

 

This should fix ie6 I think

 

<!--[if lt IE 7]>
<style type="text/css">
ul.dropdown li{display:inline;position:relative;}
ul.dropdown li a{float:left;}
ul.dropdown ul li a:hover{color:#c0c0c0;}
</style>	
<![endif]-->

 

also watch your image names some saved as .jpg some as .JPG so the links to the images for the lightshow wasn't correct

 

Hth

Edited December 29, 201015 yr by mteam