Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    I tried to make this work, but you can't view the actual scripting for the examples they have:
    http://jquery.vostrel.cz/reel

    I wish they had a separate web page with one demo, so I could see how the header looks,
    and how it is initialized, and how the <img> tag looks.

    Has anyone done this before?
    Could someone show me a page where this is being done?

    Thanks


  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2009
    Location
    Chicago, IL
    Posts
    114
    Member #
    20579
    Liked
    2 times
    it seems pretty straight forward. they don't use an img tag, they use a div:

    <div class="result jquery-reel " style="width: 276px; height: 126px; background-image: url(/demo/rc-reel.jpg); cursor: ew-resize; -moz-user-select: none;"><img height="126" width="276" src="/demo/rc.jpg" id="formula" class="result" style="display: none;"/><div class="indicator" style="width: 10px; height: 10px; top: 116px; position: relative; background-color: rgb(0, 0, 0);"/></div>

    the img tag is a placeholder, and they use a reel image in the background of the of the div, and simply reposition it based on your height and width attributes. the above uses this reel image:

    http://jquery.vostrel.cz/demo/rc-reel.jpg

    does that help?

  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Someone showed me the demo on a page all by itself:
    http://jquery.vostrel.cz/reel/example.html

    Viewing the HTML explains it very well.

    Alligator, you are right ... they use a placeholder ... that is key, as the image is blank without it.
    Thanks ... it all comes together now.


  5. #4
    Senior Member
    Join Date
    Dec 2009
    Location
    Chicago, IL
    Posts
    114
    Member #
    20579
    Liked
    2 times
    Did you get your own version working now?

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,720
    Member #
    5580
    Liked
    718 times
    Alligator ...
    Yes, it was this part that I originally didn't see:

    Code:
    <script type='text/javascript'>
          //<![CDATA[
            $(document).ready(function(){
            	$('#formula').reel({ frames: 35 });
            	// The formula sequence has been accidently shot one frame shorter (damn!)
            	// Therefore the weird setting of frames to 35
            	// You can either completely leave this option out
            });
          //]]>
        </script>



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:11 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com