Skip to content

Instantly share code, notes, and snippets.

@albell

albell/markup.html

Created March 15, 2013 22:24
Download ZIP

Revisions

  1. @daltonrooney daltonrooney revised this gist Feb 6, 2013. 2 changed files with 8 additions and 8 deletions.
    2 changes: 1 addition & 1 deletion markup.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <div id="myshow" class="cycle-slideshow" data-cycle-pager="#pager-container">
    <img src="img1.jpg"/>
    <img src="img1.jpg"/>
    <img src="img2.jpg"/>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" data-img="img3.jpg"/>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" data-img="img4.jpg"/>
    14 changes: 7 additions & 7 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,10 @@
    $(document).ready(function(){

    $('#myshow').on( 'cycle-before', function(e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
    nextImg = $('#bigshow img').eq(optionHash.nextSlide + 1);
    if ( nextImg.attr("src") == "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="){
    nextImg.attr("src", nextImg.attr("data-img"));
    }
    });
    $('#myshow').on( 'cycle-before', function(e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
    nextImg = $('#bigshow img').eq(optionHash.nextSlide + 1);
    if ( nextImg.attr("src") == "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="){
    nextImg.attr("src", nextImg.attr("data-img"));
    }
    });

    });
  2. @daltonrooney daltonrooney created this gist Feb 6, 2013.
    9 changes: 9 additions & 0 deletions markup.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    <div id="myshow" class="cycle-slideshow" data-cycle-pager="#pager-container">
    <img src="img1.jpg"/>
    <img src="img2.jpg"/>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" data-img="img3.jpg"/>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" data-img="img4.jpg"/>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" data-img="img5.jpg"/>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" data-img="img6.jpg"/>
    </div>
    <div id="pager-container"></div>
    10 changes: 10 additions & 0 deletions script.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    $(document).ready(function(){

    $('#myshow').on( 'cycle-before', function(e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag ) {
    nextImg = $('#bigshow img').eq(optionHash.nextSlide + 1);
    if ( nextImg.attr("src") == "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="){
    nextImg.attr("src", nextImg.attr("data-img"));
    }
    });

    });