Page 1 of 2 12 LastLast
Results 1 to 10 of 12
  1. #1
    dotuser is offline Junior Member Newbie
    Join Date
    Jan 2005
    Location
    Texas
    Posts
    18

    Default Online Manga Reader - Image/page loading indicator

    Would like to see an indicator showing that the next image is loading -- right now I click on the image, and pray that my click registered for the next image to load; otherwise, I may click again only to realize that I've skipped a page.

    Thank you for the work you've already committed.

  2. #2
    Kevin Shiel's Avatar
    Kevin Shiel is offline Administrator Community Builder
    Join Date
    Nov 2004
    Posts
    3,399

    Default

    At the moment all images load at once, so that would be hard to do, we would have to setup some kind of monitoring per image to do this but is doable. I am curious though, are things really so bad that you have to pray your click registered? I tested using Firefox and everything seemed well, but are their problems I should know about?

  3. #3
    dotuser is offline Junior Member Newbie
    Join Date
    Jan 2005
    Location
    Texas
    Posts
    18

    Default

    Fascinating discovery based upon testing it seems like all the images are preloaded; however, upon clicking the image or using the next/previous button the image is downloaded again. This may be part of the problem in that the image should be preloaded and shown with no delay; however, the user must wait for the image to download again, but there is no indication that something is happening. I am using Chrome Version 20.0.1132.47.

    // UPDATE

    Tested Firefox, and it doesn't have the problem every time but I did notice the image being downloaded again after the images were preloaded. If I were to navigate the chapter while the images were preloading it seems to function as designed.

    Tested Safari, seems to function as designed.

    Strange behavior.
    Last edited by dotuser; 07-06-2012 at 08:36 AM. Reason: Tested on Firefox

  4. #4
    Kevin Shiel's Avatar
    Kevin Shiel is offline Administrator Community Builder
    Join Date
    Nov 2004
    Posts
    3,399

    Default

    I will look into this tomorrow since it is late now and post an update on my findings.

  5. #5
    Kevin Shiel's Avatar
    Kevin Shiel is offline Administrator Community Builder
    Join Date
    Nov 2004
    Posts
    3,399

    Default

    Quote Originally Posted by dotuser View Post
    Fascinating discovery based upon testing it seems like all the images are preloaded; however, upon clicking the image or using the next/previous button the image is downloaded again. This may be part of the problem in that the image should be preloaded and shown with no delay; however, the user must wait for the image to download again, but there is no indication that something is happening. I am using Chrome Version 20.0.1132.47.

    // UPDATE

    Tested Firefox, and it doesn't have the problem every time but I did notice the image being downloaded again after the images were preloaded. If I were to navigate the chapter while the images were preloading it seems to function as designed.

    Tested Safari, seems to function as designed.

    Strange behavior.
    I just got done testing on my local virtual machine. I tested by cutting off my internet connection after allowing for the images to all preload and the images were not reloaded. I also tested by navigating while the images were still loading and everything worked fine. I manually checked the logs to see if images were being re-downloaded again and I could not see any problems.

    I did a good number of tests on Firefox 13.0.1 and the latest Chrome browser and could not find any issues.

    Are you sure it is actually re-downloading the images? At this point I am stuck as I cannot reproduce the issue

  6. #6
    dotuser is offline Junior Member Newbie
    Join Date
    Jan 2005
    Location
    Texas
    Posts
    18

    Default

    Please try testing with a manga that uses http://read.stoptazmo.com/resize_img.php -- A good candidate is the Mysterious Girlfriend X, chapter 23. You may need to cycle through the chapter once. I'll see what else I can do to retrieve more debug information. To help with how I'm coming to the conclusion that an image is being re-downloaded is through using Chrome's Developer Tools, Network utility. I'm capturing all traffic from the point that the page loads to finish, and then navigating through the chapter. The Network tab shows all the images being preloaded, and as I click on an element that triggers the next or previous image it will re-download the image IF the image relies on resize_img.php
    Last edited by dotuser; 07-09-2012 at 04:32 PM. Reason: Clarification.

  7. #7
    Kevin Shiel's Avatar
    Kevin Shiel is offline Administrator Community Builder
    Join Date
    Nov 2004
    Posts
    3,399

    Default

    I see what you mean. It appears all the chapters I tested on did not make use of resize_img.php. It's getting late tonight and I have to finish up with the upgrades for our DL manager tonight, tomorrow I will spend time playing with jquery to see about rewriting our gallery script to fix this issue. Strange though in Firefox this issue does not occur so I hope the issue is Chrome forcing the requests to load since they are not images, as that would give me a huge problem. Thanks for the bug report. I will post back tomorrow evening with my findings/status.

  8. #8
    dotuser is offline Junior Member Newbie
    Join Date
    Jan 2005
    Location
    Texas
    Posts
    18

    Default

    Before you invest time into rewriting the gallery script I'm going to test other image gallery solutions to see if this is a JavaScript/Browser issue or server-side issue delivering images via the image_resizer. I'll post results in a few.

    [UPDATE]

    Tested the same image data using http://galleria.io, and the same behavior was encountered on Chrome and occasionally on Firefox.

    Observing the HTTP response and request headers for image_resizer.php transactions I'm seeing that Cache-control: max-age=0 is used with image_resizer.php transactions, and "normal" jpg transactions are sent with no cache-control. Using Firebug to inspect the Cache data (expiration date, last fetched date, etc...) I see that the expiration date for images returned from image_resizer.php is set to "Wed Dec 31 1969 18:00:00 GMT-0600 (CST)", and images returned straight from the web server have an expiration date set for a month from the last fetched date.


    Perhaps a configuration issue with mod_expire (if you're using that mod with lighttpd)?
    Last edited by dotuser; 07-10-2012 at 05:32 AM.

  9. #9
    Kevin Shiel's Avatar
    Kevin Shiel is offline Administrator Community Builder
    Join Date
    Nov 2004
    Posts
    3,399

    Default

    Damn. I've spent serious time working on a new image gallery and was going to post back saying it's too big of job to rewrite in a 5 hours. I've added a "header("Cache-Control: max-age=43200");" to our code and that appears to have fixed the issue in Chrome. I think in the coming weeks I am going to switch us to the same image gallery script most people are using (with my own custom hacks).

    Thanks for your help, I am considering this resolved now.

  10. #10
    Kevin Shiel's Avatar
    Kevin Shiel is offline Administrator Community Builder
    Join Date
    Nov 2004
    Posts
    3,399

    Default

    I just wanted to mention our new manga reader is online, it's a clone of all the other ones manga sites are using but integrated into our own system with SEO support.

 

 
Page 1 of 2 12 LastLast

Tags for this Thread

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
  •  
vBulletin Skin by: ForumThemes.com
Powered by vBulletin® Version 4.2.0
Copyright © 2014 vBulletin Solutions, Inc. All rights reserved.
SEO by vBSEO 3.6.0 PL2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79