SitePoint Sponsor

User Tag List

Page 1 of 3 123 LastLast
Results 1 to 25 of 52

Hybrid View

  1. #1
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)

    Nivo Slider - a nice jquery slideshow

    I've just recently come across Nivo Slider
    http://nivo.dev7studios.com/

    It appears to provide a nice packaging on the whole javascript slider situation.

    I'd like to hear from others about slideshows that are more effective or easier to get going than this one.

    I wouldn't include jQuery Cycle though due to the amount of development required to achieve half of the features commonly expected from a slideshow.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  2. #2
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Ah! DT posted this on Facebook. It is really a very nice slider. I bookmarked it! Good find!
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown

  3. #3
    The Mind's I ® silver trophy Dark Tranquility's Avatar
    Join Date
    Sep 2003
    Location
    KSA - UAE
    Posts
    9,457
    Mentioned
    8 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Shyflower View Post
    Ah! DT posted this on Facebook. It is really a very nice slider. I bookmarked it! Good find!
    Yeah and as I said there I really liked it! It is cool to use, and quite easy to integrate and customize... We are already planing to use for two projects we are on now

  4. #4
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    And the boundaries between what can be done by flash and by javascript are further blurred. That is very cool, especially the transition with the blocks.

  5. #5
    SitePoint Zealot west end lane's Avatar
    Join Date
    Mar 2010
    Location
    London, U.K.
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Looks cool. Has some great options in there.

    Thanks for the link.

  6. #6
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2008
    Posts
    5,757
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Javascript effects are really becoming pretty impressive lately. Man, that looks great.

  7. #7
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    The demo looks terrific in Opera 10.51. I've spent a lot of time trying out various jQuery sliders, and most of them have some serious caveats that prevent me from considering them. I'll give this one a whirl. Interestingly, the site doesn't claim that it works in IE6, but it works as well in that verdamnt browser as most other jQ sliders, even if it is a bit rocky.

  8. #8
    Visible Ninja bronze trophy
    JeffWalden's Avatar
    Join Date
    Sep 2002
    Location
    Los Angeles
    Posts
    1,709
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    Very cool - great find! I'm just rolling out a project where we have a large image slider on front and center on the home page. Time to see if I can get the client interested in some of these cool transitions!
    TAKE A WALK OUTSIDE YOUR MIND.

  9. #9
    SitePoint Member
    Join Date
    Mar 2009
    Location
    North Wales
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm currently redeveloping big sections of my personal website. I'm after a photography category, and was planning on having a big CU3ER at the top, but this has totally converted me!

    I can't believe how less than 5 years ago, plenty of (but certainly not all) web developers wouldn't touch Javascript at all, yet now, it's near essential for any project at all!

  10. #10
    SitePoint Guru
    Join Date
    Dec 2005
    Posts
    982
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Weird... it doesn't seem to work for me in FF3.6.2. Works great in Chrome, but in FF all I see is a sliver of the first image and it never changes.
    MySQL v5.1.58
    PHP v5.3.6

  11. #11
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Working fine for me in FF3.6.2. Maybe an extension of yours is interfering?

  12. #12
    SitePoint Wizard silver trophybronze trophy
    Join Date
    Jul 2008
    Location
    New York, NY
    Posts
    1,432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, I saw this the other day and i'm very impressed.
    I'd be curious to use this on an upcoming project.

  13. #13
    SitePoint Guru
    Join Date
    Dec 2005
    Posts
    982
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Raffles View Post
    Working fine for me in FF3.6.2. Maybe an extension of yours is interfering?
    Weird, works great for me today. I wonder if I accidentally had JavaScript disabled? If I disable JS (using the web dev toolbar), I see the sliver of the image again.
    MySQL v5.1.58
    PHP v5.3.6

  14. #14
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    this script would be a great help in displaying images to your page. transition of images was so cool. . thanks for the link.

  15. #15
    SitePoint Wizard
    Join Date
    Apr 2007
    Posts
    1,401
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    This is sick! on top of that it's extension to jQuery....pure awesomeness!

  16. #16
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    It's pretty neat what can be done with JavaScript, we've evolved so much as designers from replicating browser behaviour and cut-n-paste ugly scripts to powering JavaScript to actually render things and extend the usefulness of websites beyond anything any of us would have dreamed about before.

  17. #17
    SitePoint Guru SSJ's Avatar
    Join Date
    Jan 2007
    Posts
    830
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is really awesome. No need of flash now!

  18. #18
    SitePoint Enthusiast iMeow's Avatar
    Join Date
    Jan 2010
    Location
    Pretoria, South Africa
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That is really impressive! I definitely plan on using it in the future.

  19. #19
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Location
    Bel Air, Maryland.
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nice! I want to use this. But no ie6 support :/ I've started to realize how many clients are still running ie6, and how lame their site becomes when you have to compensate for it.
    ---
    Paul S. Smith
    technetic | design & code

  20. #20
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by technetic View Post
    Nice! I want to use this. But no ie6 support :/ I've started to realize how many clients are still running ie6, and how lame their site becomes when you have to compensate for it.
    Then use a lesser alternative for IE6. Users of IE6 can not expect to receive the same experience that is provided to more modern web browsers.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  21. #21
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by pmw57 View Post
    Then use a lesser alternative for IE6. Users of IE6 can not expect to receive the same experience that is provided to more modern web browsers.
    very well put. However, if it was a client that was having the problem I wouldn't certainly suggest they upgrade their browser so they could see the site at its best.
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown

  22. #22
    SitePoint Member
    Join Date
    Mar 2009
    Location
    North Wales
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Is there a simple way to show this to users of supported browsers, without having a page full of images one after another in IE6?

    Some way to detect whether the browser supports it, and if not, hide all of the other images from the slideshow?
    Matthew Higgins
    My Blog

  23. #23
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    You could use conditional comments to load an alternative, such as jQuery Cycle

    For example, IE7 upwards and all other web browsers will use Nivo, while IE6 and below use an alternative slideshow:

    Code html4strict:
    <![if gte IE 7]>
    <script type="text/javascript" src="js/nivo-slideshow.js"></script>
    <![endif]>
    <!--[if lte IE 6]><script type="text/javascript" src="js/cycle-slideshow.js"></script>
    <![endif]-->
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  24. #24
    SitePoint Enthusiast
    Join Date
    May 2009
    Location
    Melbourne, Australia
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by pmw57 View Post
    You could use conditional comments to load an alternative, such as jQuery Cycle

    For example, IE7 upwards and all other web browsers will use Nivo, while IE6 and below use an alternative slideshow:

    Code html4strict:
    <![if gte IE 7]>
    <script type="text/javascript" src="js/nivo-slideshow.js"></script>
    <![endif]>
    <!--[if lte IE 6]><script type="text/javascript" src="js/cycle-slideshow.js"></script>
    <![endif]-->
    How would I tell IE6 simply not to load it as it keeps breaking my site?

    Thanks in advance.

  25. #25
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by Dan_ View Post
    How would I tell IE6 simply not to load it as it keeps breaking my site?
    You would place the script within a downlevel-hidden comment so that the script is available to IE only when it is version 7 or above.

    Code javascript:
    <!--[if gte IE 7]>
    <script src="js/jquery.nivo.slider.pack.js"></script>
    <script>
    ...
    </script>
    <![endif]-->
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •