Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 21

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

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

    Default

    That's brilliant. Indeed there is a webalyzer tools in my control panel so I took a look and am pleased to report less than 1% of visitors using old Internet Explorers.

    The slideshow I would like is not critical so I think I will be safe to use a normal image for those people.

    Thanks for your help so far

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

    Default

    OK, I think I have something right up your alley. Take a look at this blog post http://www.dynamicdrive.com/forums/e...-Retina-Images

    The fading slideshow works fully in IE10+ and other modern browsers. In IE9 the images will just change. The demo is setup so that IE8 only shows a static fall-back images but you can make it behave just like IE9 with a bit of extra CSS. Read the comment at the bottom for details on how to do that (I didn't include it in the demo)

    Hope that helps
    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

  3. The Following 2 Users Say Thank You to Beverleyh For This Useful Post:

    mlegg (01-04-2016),Winchester (01-04-2016)

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

    Default

    It certainly does

    I haven't had chance to review in great detail but can you answer me a very quick question before I get too far along? Cut to the chase... Is it responsive? My site isn't responsive YET but I'm working on it so I'd like to cut out any future disappointment before I invest lots more time.

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

    Default

    Yes, fully responsive. And only a few lines of script so its very lightweight
    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. #15
    Join Date
    Jan 2016
    Posts
    10
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Default

    Great! Future mobile users will be pleased. I'm thrilled that your blog post explains how to keep page size small for mobile with the use of that retina images method. That's exactly the type of thing I was aiming for by avoiding jQuery.

    I am however failing somewhere in my implementation because my images refuse to load online. I can see the slideshow working brilliantly on my computer though. What might the problem be?

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

    Default

    Could be a few things so, to be sure, a live link would be most helpful when troubleshooting.

    In the meantime there are a few things you could check;

    - check that images are uploaded, and to the correct location (relative paths can be confusing so sometimes it helps to use absolute paths while troubleshooting, such as http://mywebsite.com/path/to/images/pic1.jpg)

    - check that file extensions in the markup match the file extensions actually used by the images (jpg and jpeg are not the same file)

    - check that the letter-case used in your markup matches the letter-case of the actual file names (Windows isn't case sensitive whereas UNIX is, so its very easy to have a page that stops working once you upload to your web host simply because the web host environment is now sensitive to upper and lower-case letters)

    - like above, but check the letter-case of file extensions too (jpg isn't the same as JPG)
    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

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

    Winchester (01-04-2016)

  10. #17
    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 xaavo123 View Post
    Actually Beverleyh I was thinking . This post is related slider, reason behind this i posted it in this thread. I you are thinking I'm hijacking this thread. Then I have to post new one.

    Thanks
    You are hijacking another user's thread for the purpose of starting your own topic. Please be respectful of other users and start your own thread where people will attempt to help you with your problems away from this thread.
    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

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

    Winchester (01-04-2016)

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

    Default

    Thank you so very much. Checking letter case did the trick! Everything is up and running perfectly.

    Is there any official way I can drop a token of thanks because you've helped me so much? A small donation perhaps?

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

    Default

    You already been clicking those "thumbs-up" Thanks buttons like a trooper, and that's a great way to express thanks here. But if you really would like to wing a little something my way, you could make a small donation to my Fast Edit development fund?: http://fast-edit.co.uk/ that would be wonderful - not necessary though so please don't feel like you have 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

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

    Winchester (01-04-2016)

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

    Default

    Wow! You're just full of surprises! Your Fast Edit software is something that I MUST look into some more. It would be great for my colleagues to make edits without me doing to it for them all the time. LOL

    A small donation should have landed now. Let me know that it came in safely.

    And thank you very much once more. It's been a pleasure and I know where to come should I required further help along the way

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
  •