Page 1 of 3 123 LastLast
Results 1 to 10 of 21

Thread: Looking for a simple and easy image show with fade transition

  1. #1
    Join Date
    Jan 2016
    Posts
    10
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default Looking for a simple and easy image show with fade transition

    Greetings all and happy new year!

    I hope someone can help me. I'm looking for a simple and easy image show script to display 10 images on my home page. I have already looked at WOW slider and Pikachoose because they got high ratings in an online blog I read, but it seems they are a bit beyond me (my skill and my needs). They are too packed with features that I will never use. I would like a simple fade transition only, an easy install and a small code base. I'm hoping that "small" means easier to understand because although I have used existing/inserted HTML and CSS a lot in Dreamweaver and Serif WebPlus, I have very little experience of straight scripting. I hate to sound lazy but a copy and paste script with easy-going tutorial is what I'm after. A gentle hand to lead the way would also be appreciated.

    Can the good folks here come to my rescue? Suggestions welcome.

    Thanks in advance.

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    675
    Thanks
    98
    Thanked 26 Times in 26 Posts

    Default

    Wow Slider is fairly straightforward. You add the images that you want to use and then in the options set your choices. Once you hit publish it gives you all the code that you need to put on a website.

    I like this one too http://unslider.com/ (it's free)

  3. #3
    Join Date
    Jan 2016
    Posts
    10
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default

    Thanks but they are too complex (read "large") for my needs. Why do they need such a large code base?

  4. #4
    Join Date
    Jan 2016
    Posts
    10
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default

    Additional: That is one of the reasons why I dismissed WOW and Pikachoose already and now unslider.

    Sorry for the add. How can I edit my post?

  5. #5
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Quote Originally Posted by Winchester View Post
    Thanks but they are too complex (read "large") for my needs. Why do they need such a large code base?
    jQuery is a helper library that is meant to standardise behaviour across different browsers, adding extra functionality to older ones that do t have it. The resulting code written by the developer who uses the library the much smaller and leaner, but you're right, the need of the large code base in order to do that sometimes negates the object.

    Can I ask, do you need to support older browsers? You could go very light with the code if you can use CSS3 for your transition effects, but only modern browsers supports it.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  6. The Following User Says Thank You to Beverleyh For This Useful Post:

    Winchester (01-04-2016)

  7. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Quote Originally Posted by Winchester View Post
    Additional: That is one of the reasons why I dismissed WOW and Pikachoose already and now unslider.

    Sorry for the add. How can I edit my post?
    There should be an "Edit" button under your post (for a short time after you post). Click that, make your changes and hit "save".
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  8. The Following User Says Thank You to Beverleyh For This Useful Post:

    Winchester (01-04-2016)

  9. #7
    Join Date
    Jan 2016
    Posts
    10
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default

    There should be an "Edit" button under your post (for a short time after you post). Click that, make your changes and hit "save".
    I got it. The save button isn't saving for me however. Maybe it has something to do with my browser settings. Let me reset.

  10. #8
    Join Date
    Jan 2016
    Posts
    10
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    jQuery is a helper library that is meant to standardise behaviour across different browsers, adding extra functionality to older ones that do t have it. The resulting code written by the developer who uses the library the much smaller and leaner, but you're right, the need of the large code base in order to do that sometimes negates the object.

    Can I ask, do you need to support older browsers? You could go very light with the code if you can use CSS3 for your transition effects, but only modern browsers supports it.
    Thanks for clearing up what jQuery is for and thanks for replying and I feel honored to have a moderator help me

    I'm not sure if I need to support older browsers. What is considered old by today's standards? And how would I find out if I need to keep supporting?

  11. #9
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    xaavo123,

    It is unfair to hijack somebody elses (unrelated) thread for your own problem. Please start your own thread and refer back to this one if you need to.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  12. The Following User Says Thank You to Beverleyh For This Useful Post:

    Winchester (01-04-2016)

  13. #10
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,033
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    Quote Originally Posted by Winchester View Post
    I'm not sure if I need to support older browsers. What is considered old by today's standards? And how would I find out if I need to keep supporting?
    Today, "old" usually refers to Internet Explorer 7/8 because it cannot be updated beyond version 8 on Windows XP computers. The other major browsers (Chrome, Firefox, and later versions of Internet Explorer) tend to auto-update to the latest version, and therefore adopt the latest browser features behind-the-scenes. Newer Windows operating systems (Windows 7,8) come with or support later versions of Internet Explorer and so will automatically upgrade (unless deactivated by the user) to IE10+. Windows 10 comes with Edge as the default MS browser. IE10/11 and Edge browser can make use of modern CSS3 animations/transitions just like Chrome, Firefox, Opera, Safari, etc.

    If you have a web stats software installed, such as Google Analytics or even something provided in your web host's control panel, you should be able to assess how many of your users are still using IE7/8. Then its your call - if you only have a handful of IE7/8 (even IE9) users, it probably isn't worth the extra scripts or development time to continue support, unless the content is critical? Is your slideshow critical or just an extra flourish? A static image fall-back might suffice as a gap-filler for the very few users who still use IE7/8.
    Last edited by Beverleyh; 01-04-2016 at 09:55 AM.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  14. The Following User Says Thank You to Beverleyh For This Useful Post:

    Winchester (01-04-2016)

Similar Threads

  1. Background Image slideshow fade transition
    By dculture in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-20-2011, 08:25 PM
  2. (probably easy)Ultimate Fade-In Slide Show conflicting with another JS file
    By odubhthaigh in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-07-2010, 05:44 AM
  3. Easy help w/ Ultimate Fade-in Slide Show. (pictures not showing--little red "x")
    By carolinawebdesign in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 07-09-2009, 06:09 PM
  4. Background Image Slideshow with fade transition
    By boomer in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-24-2009, 02:14 AM
  5. Ultimate Fade-in (v1.51) fade transition time
    By photo in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-27-2007, 03:08 PM

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
  •