dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Visibility verification

  1. #1
    Join Date
    Feb 2005
    Location
    Indianapolis, IN
    Posts
    214

    Visibility verification

    How could/would this be done?

    I want to display an image on a page of my site and on the page of my friend's site. More importantly, I want to confirm that this image is actually visible to the user of the web page and that it is actually displayed in a way the user could see it. I want it to be viewable for at least a second.

    As such, if someone were using a mobile browser blocking images, then the image would be considered NOT visible. If the image is below the fold and the person does not scroll up and have it displayed for at least a second, then again, it is not visible.

    How could/would this be possible?

    Thoughts?

  2. #2
    Join Date
    Mar 2012
    Posts
    2,319
    Not a complete answer, but some thoughts that might help:

    1. Mobile with images blocked? - Use the Alt text to convey whatever message the image is intended to convey.

    2. Image below the fold? - Don't allow the image to be below the fold! I.e. Position:fixed; left:0; top:0;

    You might also want to use the meta statement:
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no">

    I don't really approve of setting "user-scalable=no" as this is likely to annoy visitors, but the enforced viewing of the image may do that anyway!

  3. #3
    Join Date
    Feb 2005
    Location
    Indianapolis, IN
    Posts
    214
    Quote Originally Posted by jedaisoul View Post
    Not a complete answer, but some thoughts that might hellp!
    Those are good ideas, but.... If I'm placing the image on another person's site then I wont control those things. however I still want to Measure if the image becomes viewable for a second or more.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles