Announcement Announcement Module
Collapse
No announcement yet.
Code to make image expand when mouse hovers over. Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • Kayekaye
    Comment on Seeking critiques
    Kayekaye
    That is nice it does show the two shades. Have you made a comp with all white on a black background? I'd like to see that.

    I have worked with those all white decals, and laid a second color...
    Today, 02:10 AM
  • kiwikat07
    Reply to Seeking critiques
    kiwikat07
    Okay, I found a one-color option that I'm pleased with using a dot pattern in Illustrator. I will check with the decal company and see if they are able to render the dots. I would think so....
    Today, 12:32 AM
  • kiwikat07
    Comment on Seeking critiques
    kiwikat07
    Hi Kayekaye! Yes, I agree. Black-only is seemingly less needed these days. Ironically, in this case I really will need a one-color option because we will be doing some window decals! (For example: ht...
    Today, 12:10 AM
  • garricks
    Comment on Happy Last Friday of July!!!!
    garricks
    Ain't that the truth!

    Additionally it's been unseasonably cool so far this summer. We've only been in the 90s a few times. Tomorrow we're due to hit 99 in the afternoon, with a heat index...
    Yesterday, 11:18 PM
  • PrintDriver
    Reply to Happy Last Friday of July!!!!
    PrintDriver
    Happy Friday.
    It's been a nice quiet July for a change. Too bad it's over so quickly. Why does the slide into winter never take as long as the slide into spring?...
    Yesterday, 10:14 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Code to make image expand when mouse hovers over.

    Right, I have seen in various places, where there is a central box, then thumbnails around it, then you hover over the thumbnail and it appears in the box...how do I do this?

    If this is too hard, i will be happy if I have all my thumbnails shown, then when you hover the mouse over them, the image appears but larger, do you get what i mean?

    Thanks
    Ollie

    P.S, if its just a case of adding a little bit of simple code to after the image, it would be much appreciated if you could just give me the code to drop in.

    Portfolio- www.oliver-ashley.com

  • #2
    It's probably just some Javascript code (Lightbox/LightBox2.0/litebox, perhaps?).

    Can you post an example of one of the links you are refering too?
    Professional Pixel Pusher Designing the world around you. | Working daily to reach 10,000 hours of practice.

    Comment


    • #3
      Ok, I have literally no idea how to use javascript, so if i could avoid that, it would be good. I would actually prefer the second thing i mentioned, where you just hover over the image and it appears full-size next to the mouse point, have you seen this before?
      Portfolio- www.oliver-ashley.com

      Comment


      • #4
        your first option sounds like a css image gallery...google that, there are several versions and tutorials out there...

        your second option can also be done via css...jquery can be used as well...

        good luck!
        Monarchs Rule!

        Comment


        • #5
          I did a tutorial on how to make the rest of the gallery, but it finished up as just a grid of 6 thumbnails that the border changed colour when you moused over them. It was the "tutvid" one.
          Portfolio- www.oliver-ashley.com

          Comment


          • #6
            I have done it, found a tutorial on how to use spry to make it.

            Thanks
            Ollie
            Portfolio- www.oliver-ashley.com

            Comment


            • #7
              Here is what I meant:
              http://server.microlite23.com/~admin185/index.html

              Thanks
              Ollie
              Portfolio- www.oliver-ashley.com

              Comment


              • #8
                Ollie, so you know... your site loads really really slow...
                I'm not entirely sure why... but maybe the photos are larger than their actual size that you see?

                Glad you figured out spry. I love those things for all us non-coders that need to build websites. (sad but true).
                I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

                Comment


                • #9
                  Yeh, the site is loading slow as the pics are not compressed, they are just normal JPEG ones. I will shrink them down as GIF's.
                  Portfolio- www.oliver-ashley.com

                  Comment


                  • #10
                    If you try it again now, it should work fine

                    Click here: www.oliverashley.co.uk

                    Cheers
                    Ollie
                    Portfolio- www.oliver-ashley.com

                    Comment


                    • #11
                      Much better!
                      I'd rather be hated for who I am, than loved for who I am not. ~ Kurt Cobain

                      Comment

                       
                      home | site map | advertising/sponsorships | about us | careers | contact us | help courses | browse jobs | freelancers | events | forums | content | member benefits | reprints & permissions about | terms of use | privacy policy | Copyright © 2014 Mediabistro Inc. Mediabistro Inc. call (212) 389-2000 or email us
                      Working...
                      X