supersized

jQuery Supersized: Load images from LI

由 夙愿已清 提交于 2019-12-24 18:20:54
问题 I am using the jQuery Supersized plugin ( http://buildinternet.com/project/supersized/ ). What I'm trying to achieve is taking an automatically generated list like this: <ul> <li><span class="image">/images/image1.jpg</span> <span class="title">My Title</span> <span class="thumb">/images/image-thumb1.jpg</span></li> <li><span class="image">/images/image2.jpg</span> <span class="title">My Title</span> <span class="thumb">/images/image-thumb2.jpg</span></li> <li><span class="image">/images

How to move to next slide programmatically?

由 蹲街弑〆低调 提交于 2019-12-24 08:38:47
问题 I am using the following code to initialize the supersized plugin: $.supersized({ slides : [ { image : '<?php bloginfo('template_directory'); ?>/bkg/1.jpg', title : 'Image Credit: Anna Tifu' }, { image : '<?php bloginfo('template_directory'); ?>/bkg/3.jpg', title : 'Image Credit: Anna Tifu' }, { image : '<?php bloginfo('template_directory'); ?>/bkg/3.jpg', title : 'Image Credit: Anna Tifu' } ] }); How can I tell my menu to navigate next and prev? Something like this? $("a").click(function (e)

Supersized: playToggle

由 折月煮酒 提交于 2019-12-12 04:09:48
问题 I am using the Supersized background slideshow: http://buildinternet.com/project/supersized/ with the following code to pause the Slideshow while loading a modal box. Jquery <script type="text/javascript"> $(function($) { $('#slideInfo').click(function() { api.playToggle(); }); }); </script> HTML <div id="btnContainer"> <a id="slideInfo" href="#">More Info</a> </div> I am able to pause the slideshow. However, when I close the modal box the Slideshow won't play back again (it stays paused). Is

link from external page to a specific slide with Supersized

由 眉间皱痕 提交于 2019-12-12 01:11:51
问题 Is there anyway to link to a specific image in a supersized gallery from another page in my site. I have a homepage with multiple thumbnails corresponding to images in the supersized gallery. Is there a way to link each thumbnail so that when it goes to the supersized page it is on the correct slide? This is how I have the script in the supersized page <script type="text/javascript"> jQuery(function($){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 1, //

Create an array of objects from img element attributes, and output values, jquery

由 依然范特西╮ 提交于 2019-12-12 00:49:29
问题 Right now I have a fullscreen plug-in working with static urls, but I'd like to replace those with dynamic image data that a CMS outputs to the page. Here is a sample of the HTML output from the CMS: <ul class="large-gallery"> <li> <a href="http://www.domain.com/urlpath34"> <img src="http://www.domain/imageurl351.jpg" data-full-src="http://www.domain/imageurl361.jpg" alt="Image Title 4725"> </a> </li> <li> <a href="http://www.domain.com/urlpath34"> <img src="http://www.domain/imageurl354.jpg"

Supersized - How to stretch images?

由 风格不统一 提交于 2019-12-11 12:18:45
问题 I'm trying to get supersized not to crop images and stretch them to fill the background 100% in width and height (I don't care if the images get distorted). I'm using fit_always so the images don't get cropped and in the CSS: #supersized img { width:100%; height:100%; position:relative; display:none; outline:none; border:none; } HTML <script type="text/javascript"> jQuery(function($){ $.supersized({ // Functionality slide_interval : 5000, transition : 1, transition_speed : 500, horizontal

jQuery Supersized AfterAnimation

由 本秂侑毒 提交于 2019-12-08 10:00:33
问题 I am trying to use the afterAnimation event on the SuperSized jQuery plugin (docs:http://buildinternet.com/project/supersized/docs.html#theme-after) but cannot get it to fire. Code (sample): $.supersized({ //Functionality slideshow : 1, autoplay : 1, start_slide : 1, stop_loop : 0, random : 0, slide_interval : 3000, transition : 6, transition_speed : 1200, // .. removed for clarity //Theme Options progress_bar : 1, mouse_scrub : 0, // This is where i'm trying to call afterAnimation()

JS Supersized plugin - images cutting off at edge of viewport

由 可紊 提交于 2019-12-08 03:37:25
问题 So I'm using the Supersized plugin (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) to display beautiful background images behind the site. It normally stretches to fit whichever size your browser window is. On the iPad, the background cuts off at the end of the viewport. I can pinch to see the whole site and zoom in just fine. But the background stays put. The most important thing I need to have is the images fill the length and height of the content. Link and

supersized plugin on ajax page

由 大兔子大兔子 提交于 2019-12-07 13:32:00
问题 I need to use supersized plugin on my ajax page. But i think there's no any destroy function for supersized. How can i set supersized again when i call my function below? Solution: if($.supersized.vars.slideshow_interval){ clearInterval($.supersized.vars.slideshow_interval); }; just add this to supersized gallery close button... function getSuperSized(arr,startSlide){ $(".myPageHolder").hide(); $("body").append("<div class='supersizedHolder'></div>"); $("#supersized-loader").remove(); $("

JS Supersized plugin - images cutting off at edge of viewport

由 百般思念 提交于 2019-12-06 15:58:28
So I'm using the Supersized plugin (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) to display beautiful background images behind the site. It normally stretches to fit whichever size your browser window is. On the iPad, the background cuts off at the end of the viewport. I can pinch to see the whole site and zoom in just fine. But the background stays put. The most important thing I need to have is the images fill the length and height of the content. Link and css below: http://www.xsp.com/new_site/index.php Any help is greatly appreciated, under the gun here.
订阅 supersized