SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Dec 2006
    Posts
    378
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question how to get a picture to expand on rollover?

    Hi everyone!

    I saw this website today http://www.skaffers.com and when you roll over an image a speech bubble opens and the picture expands!

    I saved the skaffers webpage to my desktop and I tried to customize it but I dont know how to adjust it to my cause. I can't get the picture to load on rollover either.

    I made a blog using codegrrl blog tutorials. What id like to do is post a picture that expands on rollover using my blog entry form.

    I got help from a member of this forum called webnoob from the PHP section and he has managed to help me upload my own faces when using my blog entry form.

    The thread from the PHP section can be found here

    Please can someone let me know if this is possible and how to go about doing this!
    Thanks and all the best!

  2. #2
    SitePoint Addict
    Join Date
    Dec 2006
    Posts
    378
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok these are my attempts at taking the code out of skaffers source
    http://www.jamesgardner.lincoln.ac.u...pand/ier3.html
    http://www.jamesgardner.lincoln.ac.u...xpand/ier.html
    http://www.jamesgardner.lincoln.ac.u...ageexpand.html

    Surprise.. Surprise It doesnt work ???

    When I saved the skaffers webpage to my desktop and edited it in dreamweaver some of the code I couldnt edit because its in templates which are locked.. I've never used templates before so I have no idea why the code is in grey and locked.

    Please help

  3. #3
    SitePoint Addict
    Join Date
    Dec 2006
    Posts
    378
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    noone can help?

    This is my attempt with a normal speechbubble but the main image doesnt load on rollover:
    http://www.jamesgardner.lincoln.ac.u...gexpand02.html
    This method isn't doing what I want. I need to change the text with the image.

    If anyone knows how to replace the text with an image this would be great! I think I need to modify the code below so it calls for the bigger image

    function display(x,y,text) {
    var c = document.getElementById("capt");
    c.style.left = x + "px";
    c.style.top = y + "px";
    if (c.firstChild) c.removeChild(c.firstChild);
    c.appendChild(document.createTextNode(text));
    }


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
  •