How do you make an image enlarge on hover, like on the new google image search?

Here's an example:
http://www.google.com/images?hl=en&source=imghp&biw=1109&bih=690&q=cat&gbv=2&aq=f&aqi=g10& aql=&oq=&gs_rfai=
When you roll over the image it enlarges. I like it because you don't have to click anything, and you hover over a bunch of images without refreshing the page or having an obnoxious popup you have to close.
Is there a ways to create this in dreamweaver? Do you have to make 2 different image sizes (like in the dijointed rollovers)?
Thanks! I love this forum!
Kate

You have to insert a rollover object. Not sure what version you are working in. But you should have the option to select "insert", "Rollover Object" then you followi the guide. You will need to create 2 copies of your image - one that is smaller that will be your thumbnail and then the larger image. The first thing you will be asked for is an image ID - give it whatever name you want, but I recommend lowercase letters only. The 2nd thing will be to insert your thumbnail as a jpg and the you insert the larger image, again as a thumbnail. Don't forget to gill in the alternate id name as well - can be the same as your original id name.
THIS IS IMPORTANT
After you insert the image you must switch to code view and delete the size parameters that appear after the image.
I hope this makes sense...but if you need further help....just ask.

Similar Messages

HT204053 How do you get your last batch of down loads to the new computer if the old one crashed before i was able to get it on my ipod

How do you get your last batch of down loads to the new computer if the old one crashed before i was able to get it on my ipod

See Here > Download Past Purchases
http://support.apple.com/kb/HT2519

How do you sync only selected songs to your ipod using the new version of itunes?

how do you sync only selected songs to your ipod using the new version of itunes?

Same way you did with the previous versions of iTunes.
To view the iPod in iTunes, Ctrl S to show the sidebar.
Create a playlist, add songs and sync that playlist.
Or drag songs to the iPod in iTunes.

How do you make a photo an attachment and not in the body of the email

How do you attach a photo as an attachment and not in the body of the email?

If you attached the photo using the attach icon or attach command, it will act as an attachment on the recipient's end, even though you see it in Mail in the body of your message. If you drag and dropped your photo into your email, it will act as a placed graphic in the body of your message.

How do you make it print first page first and not the last page first?

I have a HP Officejet Pro 8600. How do I make the first page print first and not the last page printing first?

Hi,
From the application used to print open the print dialog and click Oroperties or Preferences to access the Printing Preferences screen.
From the Layout tab set Page Order as Back to Front, then the first page will be printed first.
Shlomi
Say thanks by clicking the Kudos thumb up in the post.
If my post resolve your problem please mark it as an Accepted Solution

How do you make multiple buttons link to specific paragraphs within the destination page?

Hi
The best way i can describe this is I want to link four buttons on my homepage to a page named 'services'. Each button refers to a different section on the 'services' page.
So what I want to happen is when I link each button, i want the user to be able to click on one and then be transferred to the 'services' page, but halfway down the page at the relevant paragraph or wherever the relevant section is.
How do you do this people?
Thanks for your time
J

Take a look at this tutorial and see if it helps

Bought a new computer, how do you back up I tunes and transfer everything to the new computer

I just bought a new HP computer and I want to transfer iTunes (which is what I use for my iPad) to the new computer from my old computer. How do I do this please?

You will need to reinstall from scratch. To find your serial number:
http://helpx.adobe.com/x-productkb/global/find-serial-number.html
If you use the organizer, the way to transfer your photos and catalogs is to make a full backup on the old computer and restore them on the new one.

How do you make a VI save waveform data relative to the number of iterations that happen? (EX one save for every ten iterations)

And I was also wondering if you could alter the amount of time it takes for a loop to iterate, that way, if I wanted it to save every five hundred miliseconds, I could make it save every, say, ten iterations, and make the loop iterate every fifty ms.
Im running LV 8.5.1
Here is my code;
Attachments:
PartsIII.vi ‏106 KB

I know what the question mark is. I don't know what the "other boolean" you were referring to is.
See the attached file.
Double check the file. I took the VI you posted in message #1, but it seems to be an older and incorrect version (problems with the reference wire being the datatype for the queue and a feedback node thrown in as well) that didn't match the image you have posted in message #1.
Message Edited by Ravens Fan on 08-21-2009 03:31 PM
Attachments:
PartsIII[1].vi ‏88 KB

How do you make curve window smaller? Much better in the PS CC version then PS CC 2014 version

The size of the curve window is huge in comparison to all other previous versions. Any way to make is smaller? Looked through all the settings, and I have PS formated for smaller monitors already as well. Thank you!

Do you have Window > Properties panel open? It should appear there in the normal panel width

How do you make a portrait view that doesn't loose the pictures?

I'm trying to layout a portrait view book in iBooks Author and I don't understand why Apple doesn't include a template that doesn't lose the pictures when you change screen orientation. Seeing that 99.9% percent of all paper books in the world are in portrait view I would have expected this to be the default view rather than landscape view. Has anybody been able to make a portrait view book that retains the graphics and other bells and whistles or am I just banging my head against the wall?

In portrait mode the figures and things are always links down the side of the text. The only way I found to stop them disappearing was to insert them in portrait mode. They don't disappear when you change back to landscape, you just have to move them to wherever it is you want them to be. The best workflow is edit in portrait, then switch to landscape for formatting.

How do you reduce decimil places after a formula runs in the NEW Numbers.

Last week I upgraded to the new iWork in Mavericks. This week I made an entry in a running spreadsheet I've been using for over a year under the old Numbers '09. The addition/divisionformula I use returns an answer with a long string of decimil places. I can't find a way to reduce the string to just two places, like I could in the old numbers. Can it be done?
Does the new missing manual for this new numbers reveal hidden answers for these types of questions, or are there in fact no answers.
Gosh, I wish SOMEONE (initials TC) would have the sense and balls to resurrect and upgrade Appleworks!

Disregard. I found the answer in a previous posting.

How do you make new pages from a page so they have the first page in their address.

I am talking about something like the adobe site.
Like www.adobe.com/support/dreamweaver/whatever
How do you make a page be under another like the dreamweaver page is a link from the support page.
My goal is something like this.
I have www.architecture.com/profile
I need
www.architecture.com/profile/Commercial
www.architecture.com/profile/Residential

If im understanding you correctly, you want the folder to have an automatic landing page. Ex. If your folder is
"profile" you want the visitor to see the first profile page when they visit www.yoursite.com/profile. Correct?
If thats what you need, name the page you want your visitor to see when they go to ex. www.yoursite.com/profile "index.html" or "index.php" ad save that file in your "profile" folder. When you're visitor will go to www.yoursite.com/profile the page you named "index" will open.
Let me know if you dont understand or if its not what your trying to do.

How do you make your ipod touch no longer disabled?

How Do you make your ipod no longer disabled?

Place the iOS device in Recovery Mode and then connect to your computer and restore via iTunes. The iPod will be erased.
iOS: Wrong passcode results in red disabled screen
If recovery mode does not work try DFU mode.
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings

Existing component with layout like new google images?

I've been asked to create a tile list like the new google image search:
     even rows
     variable width contents so uneven columns
     grid is fixed width
     vertical scroll
Is there an existing component that I can use (such as an S:List with some fancy parameters)?
Any number of items
Grid is fixed width
Vertical can scroll
XX X XXX X XX   <- different width items in each row means different numbers of items in each row.
X XX XX XXX X
XXX XXX X XXX

Hi,
We don't have such stock layout in the SDK, but writing a custom one and using it with List shouldn't be too hard. I have an example of such a layout that maybe a good starting point. It's posted on my blog here http://evtimmy.com/2009/06/flowlayout-part-2-gap-verticalalign-and-scrolling/
-Evtim

How do you make an array of image icons and then call them?

How do you make an array of image icons and then call them, i have searched all over the internet for making an array of icons, but i have
found nothing. Below is my attempt at making an array of icons, but i cant seem to make it work. Basically, i want the image to match the value of the roll of the dice (rollVal)
Any help would be greatly appreciated, some code or link to tuturial, ect.
/** DiceRoller.java
* Roll, print, Gui
import javax.swing.*;
public class DiceRoller extends JFrame
     private ImageIcon[] image ;
     public String[] images = { "empty", "dice1.jpg",
               "dice2.jpg", "dice3.jpg", "dice4.jpg",
               "dice5.jpg", "dice6.jpg" };
     public Dice die;
     private int rollVal;
     public int rollNum;
     private JLabel j1;
     public DiceRoller(){
          j1= new JLabel("");
       die =new Dice();
       int rollVal;
       rollVal = die.roll();
       image = new ImageIcon[images.length];
     for(int i = 0; i < images.length; i++){
      image[i] = new ImageIcon(images);
     if (image!=null){
          j1.setIcon(image[rollVal]);
     System.out.println("Roll = "+die.roll());

Demo:
import java.awt.*;
import java.net.*;
import javax.swing.*;
public class IconExample {
    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable(){
            public void run() {
                launch();
    static void launch() {
        try {
            Icon[] icons = new Icon[6];
            for(int i=0; i<icons.length; ++i) {
                String url = "http://www.eureka-puzzle.be/cast/images/dice" + (i + 1) + ".jpg";
                icons[i] = new ImageIcon(new URL(url));
            display(icons);
        } catch (MalformedURLException e) {
            throw new RuntimeException(e);
    static void display(Icon[] icons) {
        JPanel cp = new JPanel();
        for(Icon icon : icons) {
            cp.add(new JLabel(icon));
        JFrame f = new JFrame();
        f.setContentPane(cp);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.pack();
        f.setLocationRelativeTo(null);
        f.setVisible(true);
}

How do you make an image enlarge on hover, like on the new google image search?

Similar Messages

Maybe you are looking for