SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Guru
    Join Date
    Dec 2008
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    enlarged image onmouseover either by css or javascript

    http://chandradev819.wordpress.com/2...n-asp-net-3-5/

    reffered above link to create image gallery , the images are displayed from database

    i need to have a enlarged image onmouseover either by css or javascript
    the enlarged image shld be displayed as popup on mouseover of the thumb image

    how do i go abt

  2. #2
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,890
    Mentioned
    211 Post(s)
    Tagged
    12 Thread(s)
    Hi there,

    A pure CSS solution (with demo): http://cssdemos.tupence.co.uk/image-popup.htm

    A JavaScript solution: http://archive.plugins.jquery.com/pr...il_hover_popup
    A demo of the JavaScript solution: http://home.comcast.net/~littlemoe85...ver/index.html

    More reading: http://cssglobe.com/easiest-tooltip-...-using-jquery/

    Hope that helps.

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

  4. #4
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,890
    Mentioned
    211 Post(s)
    Tagged
    12 Thread(s)
    Hi Eric,

    When I click on that link I get:

    Code:
    Forbidden
    
    You don't have permission to access /code/photo-galleries/the-jamieruth1-demo.php on this server.
    
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
    
    Apache Server at www.websitecodetutorials.com Port 80

  5. #5
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Ok thanks. Ya the move was not as smooth as I hoped.

  6. #6
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,806
    Mentioned
    73 Post(s)
    Tagged
    6 Thread(s)
    Beware: I have just tried all examples using Chrome on my Nexus 7 and not one hover appeared

    How many of your readers will not have a mouse and is there a solution?

  7. #7
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Ya :focus

  8. #8
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,272
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Often when :focus or :active states don't work, you can add (to the HTML) a ontouchstart='"" attribute to the page.

    I've also seen pure Javascript hacks that listen for a ontouchstart event (first touch of the element) but then hijack the ontouchend event to "undo" whatever touching did (in your case, hiding the larger image again) and then cancelling the "click" event that usually follows. Thing is, iOS5 started doing this differently and then I dunno who has caught up to where.

  9. #9
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thats weird. Some kind of cache issue. I was confused why that link didnt work as I copied strait from my working page. When I first clicked it it didnt work. Then I went to the actual page and cmae back here and clicked it again and then it work - what? Anyway here is the link. Clear your cache (or something?) if it doesnt work. http://www.websitecodetutorials.com/...ruth1-demo.php

  10. #10
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,890
    Mentioned
    211 Post(s)
    Tagged
    12 Thread(s)
    Yeah, clearing the cache worked.
    Sorry for any confusion

  11. #11
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Pullo View Post
    Yeah, clearing the cache worked.
    Sorry for any confusion
    No problem at all. Strange though. There should not of been a cache issue with a new link.


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
  •