Avatar billede buxxy Praktikant
27. juli 2010 - 14:54 Der er 1 løsning

Konflikt, Lightbox vs Dropdownmenu

Hej Eksperter.

Jeg bruger Lightbox til fremvisning af billeder på min ene side.
Dertil bruger jeg ligeså en dropdown menu.

Dropdown menu'en har/bruger flg. java script:
--------------------------
<script type=\"text/javascript\">
var timeout        = 500;
var closetimer        = 0;
var ddmenuitem      = 0;

function menu_open() {
    menu_canceltimer();
    menu_close();
    ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
}

function menu_close() {
    if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function menu_timer() {
    closetimer = window.setTimeout(menu_close, timeout);
}

function menu_canceltimer() {
if(closetimer) {
    window.clearTimeout(closetimer);
    closetimer = null;
}
}

$(document).ready(function() {
    $('#menu > li').bind('mouseover', menu_open);
    $('#menu > li').bind('mouseout',  menu_timer);
}
);

document.onclick = menu_close;
</script>
--------------------------

Men når man er i fotogalleriet, for at ville se billeder, ja så virker dropdown menu'en ikke længere. Lightbox virker dog stadig upåklageligt.

Siden det kan ses på er: www.suzuki-fz50.dk
- og fotogalleriet (hvor menuen ikke længere virker på er):
www.suzuki-fz50.dk/photogallery.php

Det skal siges at jeg har nul og niks forstand på Java(Script) - men har dog alligevel forsøgt mig frem, ved at omdøbe div. funktioner i JavaScriptet - dog uden at have hittet en løsning på problemet.

Hvis der skal bruges flere oplysninger om Lightbox's JavaScript, ja så må du/I lige sige til, og jeg vil selvfølgelig ligeså poste koderne fra dette også.

Nå, fortsat god sommerdag til Jer alle!

Mvh.
Buxxy.
Avatar billede buxxy Praktikant
28. juli 2010 - 12:51 #1
Så hittede jeg dælme selv en løsning. Fik læst mig frem til at jeg kan nøjes med at erstatte "$" med "jQuery" de 4 steder i koden tegnet $ fremkommer:

<script type=\"text/javascript\">
var timeout        = 500;
var closetimer        = 0;
var ddmenuitem    = 0;

function menu_open() {
    menu_canceltimer();
    menu_close();
    ddmenuitem = jQuery(this).find('ul').eq(0).css('visibility', 'visible');
}

function menu_close() {
    if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function menu_timer() {
    closetimer = window.setTimeout(menu_close, timeout);
}

function menu_canceltimer() {
if(closetimer) {
    window.clearTimeout(closetimer);
    closetimer = null;
}
}

jQuery(document).ready(function() {
    jQuery('#menu > li').bind('mouseover', menu_open);
    jQuery('#menu > li').bind('mouseout',  menu_timer);
}
);

document.onclick = menu_close;
</script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

IT-Sikkerhedsrådgiver til Cyberdivisionen i Hvidovre

Forsikrings- og pensionsakademiet A/S

IT-teknisk profil

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Nye kolleger søges til IT Stab i Forsvaret