2010-10-15 6 views
0

J'utilise ce script pour activer les onglets.J'ai un petit problème avec les onglets des outils jQuery

$(function() { 
    // setup ul.tabs to work as tabs for each div directly under div.panes 
    $("ul.tabs").tabs("div.panes > div.theme-wrap", { 
    effect: 'fade', 
    //fadeInSpeed: 200, 
    fadeOutSpeed: 400, 
    rotate: true 
    }).slideshow({autoplay: true, interval: 5000}); 
}); 

Le problème est que je veux .. PARENT div (.theme-wrap) à l'intérieur des vitres pour tourner uniquement. Parce que le thème-wrap contient DIVs lui-même. Le problème est que lorsque je clique n'importe où dans le .theme-wrap DIV l'onglet est commuté .. mais je veux désactiver cela.

Même la démo: http://flowplayer.org/tools/demos/tabs/slideshow.htm

Il tourne lorsque vous cliquez dans l'élément de diaporama. Je veux désactiver ce comportement s'il vous plaît parce que j'ai des liens cliquables à l'intérieur de chaque élément de diaporama et je veux que la rotation soit appliquée seulement avec "autoplay" si la souris est en dehors du conteneur de diaporama.

Est-ce possible?

Merci beaucoup.

Répondre

5

La réponse était dans le documentation for the slideshow:

$(function() { 
    $("ul.tabs").tabs("div.panes > div.theme-wrap", { 
     effect: 'fade', 
     //fadeInSpeed: 200, 
     fadeOutSpeed: 400, 
     rotate: true 
    }).slideshow({autoplay: true, interval: 5000, clickable: false}); 
}); 

Vous devez passer "cliquable: false" au diaporama. Le plugin jQuery Tools a une bonne documentation, vous devriez d'abord y chercher d'autres questions que vous pourriez avoir.

+0

J'ai essayé de trouver ce docs sans aucune chance, pouvez-vous me guider s'il vous plaît? –

+0

@Ahmad Tout ce dont vous avez besoin devrait être ici: http://flowplayer.org/tools/documentation/index.html. C'est un peu désorganisé, mais vous pouvez naviguer via le panneau de droite où il répertorie chacun des outils (et leurs plugins optionnels). – Intelekshual