responsive-slides

Duplicate javascript for Codrops MULTI-LEVEL PUSH MENU

血红的双手。 提交于 2019-12-13 16:26:22
问题 A bit of a newbie when it comes to javascript. My question is regarding a push-menu script from codrops that can be find here: http://tympanus.net/codrops/2013/08/13/multi-level-push-menu/ I am trying to have 2 different nav triggered by 2 different link/triggers. I duplicated the script as follow: new mlPushMenu( document.getElementById( ‘mp-menu’ ), document.getElementById( ‘trigger’ ), { type : ‘cover’ } ); new mlPushMenu( document.getElementById( ‘mp-menu2′ ), document.getElementById(

My responsive slideshow only shows the first image

无人久伴 提交于 2019-12-12 00:45:25
问题 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="scripts/responsiveslides.min.js" type="text/javascript"></script> <script type="text/javascript"> $(".rslides").responsiveSlides({ speed: 1000, maxwidth:1060 }); </script> <div class="container"> <ul class="rslides"> <li><img src="graphics/img1.png" alt=""></li> <li><img src="images/img2.png" alt=""></li> <li><img src="images/img3.png" alt=""></li> </ul> </div> .rslides { position:relative;

responsiveslides.js - get current slide

旧巷老猫 提交于 2019-12-11 21:24:00
问题 Need to get the 'data-number' value from the current slide that is active in the slider. I want to use this value to show/hide additional info in another div of the page. Or if there is some other way other than adding a specific 'data-number' values let me know - I saw nothing in the doc which returning the slide number. I know I can use the 'after' callback to then do what I want, but not sure how I can go about getting this value in the first place. <div class="row"> <div class="col-md-12"

Proper window resizing of full width <ul> and <li> for responsive website

痴心易碎 提交于 2019-12-11 11:24:51
问题 I have an issue with this website when resizing the window: http://goo.gl/BaIuy Let me try to explain. I'm trying to achieve the experience of being in a fishbowl as you can see. It's made with 4 different containers, one for the water background, one for the content, another for the fish images and the last one for the graphic objects like the driftwood and seaweed. Each container, except the one for the water background, have a main <ul id="mask"> that is 600% wider than the window size.

Trigger ResponsiveSlides.js programmatically

时光毁灭记忆、已成空白 提交于 2019-12-08 00:08:55
问题 I'm using ResponsiveSlides.js and I am trying to change slides programmatically. I've tried it two ways, and neither have worked. Calling the plugin's slideTo function from a click event on the thumbnail, passing the index of the slide it should go to. Use .trigger("click") on the <li> corresponding to the index of the slide it should go to, ex: $(".rslides_tabs li").eq($theIndex).trigger("click"); 回答1: You can't call the slideTo() function because it is assigned only to a local variable in

Trigger ResponsiveSlides.js programmatically

偶尔善良 提交于 2019-12-06 13:05:31
I'm using ResponsiveSlides.js and I am trying to change slides programmatically. I've tried it two ways, and neither have worked. Calling the plugin's slideTo function from a click event on the thumbnail, passing the index of the slide it should go to. Use .trigger("click") on the <li> corresponding to the index of the slide it should go to, ex: $(".rslides_tabs li").eq($theIndex).trigger("click"); You can't call the slideTo() function because it is assigned only to a local variable in the plugin method. Your second attempt was close, but it looks like the click handler is bound to an <a>