javascript - How make this slider with mouse over action? -
javascript - How make this slider with mouse over action? -
i created slider , want mouse on action on numbers jquery can't seem work, know how can accomplish this? every time tried seemed break slider.
thanks
jsfiddle version: http://jsfiddle.net/bijanzand/cmqkc59b/
here current code:
function tabsrotate() { $("#slider_a, #slider_b").tabs({ show: function (event, ui) { var lastopenedpanel = $(this).data("lastopenedpanel"); if (!$(this).data("toppositiontab")) { $(this).data("toppositiontab", $(ui.panel).position().top); } $(ui.panel).hide().fadein(1500); if (lastopenedpanel) { lastopenedpanel.toggleclass("ui-tabs-hide").css("position", "absolute").css("top", "0").fadeout(1500, function () { $(this).css("position", ""); }); } $(this).data("lastopenedpanel", $(ui.panel)); } }).tabs('rotate', 7777, true); } $(document).ready(function () { tabsrotate(); $('.tabnavigation').css("display", "inline"); });
you can attach mouseover
event anchor using jquery , within event trigger anchor click
:
your $(document).ready
this:
$(document).ready(function () { tabsrotate(); $('.tabnavigation').css("display", "inline"); $('.tabnavigation li a').mouseover(function(){ $(this).click(); }); });
javascript jquery
Comments
Post a Comment