Nick 1733 Posted January 23, 2005 Share Posted January 23, 2005 I was wondering if anyone could help me out with this. I still haven't figured out how to use the Java function in GoLive.What I want to do is make a large 'image box' then have small images all around it. I want it when I put the cursor over the small image, the larger version appears in the large box.Can anyone help me please?I wasn't sure where this would go, so I put it where it would get the most traffic MLB, NBA, NFL & NHL Font Packs Link to comment Share on other sites More sharing options...
plattopus Posted January 23, 2005 Share Posted January 23, 2005 So you know... that's JavaScript, not Java. You should be able to Google "javascript image toggle" or something similar and come up with something pretty close to what you need. Link to comment Share on other sites More sharing options...
tez Posted January 23, 2005 Share Posted January 23, 2005 Although it may not be the simplest method, I know how I would do what you're talking about. I'll PM you w/ my solution when I have time to write it up. Link to comment Share on other sites More sharing options...
Nick 1733 Posted January 23, 2005 Author Share Posted January 23, 2005 Although it may not be the simplest method, I know how I would do what you're talking about. I'll PM you w/ my solution when I have time to write it up. okay, thanks, that will help MLB, NBA, NFL & NHL Font Packs Link to comment Share on other sites More sharing options...
tez Posted January 24, 2005 Share Posted January 24, 2005 Nick, I have come up w/ a simplified technique which I just verified that it really does work. I'll send the new instructions to you tomorrow. The new instructions will most certainly not be so unweildy as what I send you earlier. Link to comment Share on other sites More sharing options...
Nick 1733 Posted January 24, 2005 Author Share Posted January 24, 2005 Nick, I have come up w/ a simplified technique which I just verified that it really does work. I'll send the new instructions to you tomorrow. The new instructions will most certainly not be so unweildy as what I send you earlier. okay, sounds good to me, thanks again. MLB, NBA, NFL & NHL Font Packs Link to comment Share on other sites More sharing options...
tez Posted January 24, 2005 Share Posted January 24, 2005 All right. Simpler is almost always better. Unlike the last one, in this tutorial I will assume you know almost nothing about GoLive. I created an example file which you may want to look at:http://webpages.charter.net/jcrawmer/misc/Example/main.htmIf you give me your email address, I?ll send you the source files for that page. It may be very helpful to get that file from me so you can see how I structured everything.Now for the Steps:In GoLive open the page that you want this effect to happen in (I?m going to call it the main page from now on.) I am going to assume you already have everything setup w/ the thumbnails... along with the cell where the full size pics will eventually display... in place. If you don?t, go ahead and get it set up that way and save it. Just leave this file open.You will need to create a separate html file for each of the full size pics. Basically just create a new html doc w/ a single cell table that is the same size as the blank cell on the main page that the full size pic will ultimately display in. Actually to be safe, I would make this table a little smaller than the cell it will display in. Now, just drop your graphic into that cell and save it. Repeat for each graphic. Then go back to the main page.Put an inline frame* into the blank cell that the full size pics will display in. You now need to format the iframe. Go to the ?Inspector? where you will 1st need to update the source. Put the URL for the full size pic you want to display by default (before any mousing-over takes place) in the source field. 2nd, you need to name the iframe so the javascript effect will work. Under the ?source? field you will see a drop down menu that says ?none?. Click on it and select ?name?, then add a name in the Name/ID field to the left... for simplicity just call it ?topframe?. I would also change the ?align? field to ?absmiddle?, change ?scrolling? to ?no?, and finally uncheck ?frame border?.Almost done. Now press ctrl+shft+7 to bring up the rollover & actions menu. Select one of the thumbnails and go to the rollover & actions menu. Click the ?actions? tab, then in the events column select ?mouse enter?, in the actions column click ?create new item? (next to the trash can icon), then click the ?action? button underneath the events column. Go down to link, then select ?Goto Link?. Go down to the ?link? field underneath the ?action? button, and point it to the full size pic html file that corresponds to the thumbnail you?re working on. In the ?target? field, type ?topframe?. Now do the same thing for each thumbnail.You?re done. I would recommend doing 1 more thing though. Go to the ?page properties? menu, click ?html?, select ?write code into page? under ?javascript functions?. Save the file.-Jeff*first icon in the frames set of the objects palette Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.