|
|
Welcome to the Computer Webmaster Gaming Console Graphics Forum forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! If you have any problems with the registration process or your account login, please contact contact us. |
| |||||||
| JavaScript JavaScript are you needing help with functions in your script, free help is offered here for all JavaScript problems so if you have an JavaScript error in your code just ask. |
 |
| | LinkBack | Thread Tools | Display Modes |
07-01-2007, 4:37 PM
| #1 | ||
 |
I have been struggling mightily in getting this to work with the scripts I have seen. I have an image map that uses overlib to display information about a school's campus: http://dcavello.phenominet.com/about/tour.php I would like onClick to generate a series of thumbnails located directly above or below the image map. Those thumbnails would then be linked to larger images which would pop-up in a new browser window. Does anyone know of a javascript utility that I could use for this? I am not all that familiar with Javascript, otherwise I would write my own utility. Thanks for any help you can offer. Ryan -- To reply, please remove your robe. | ||
      |
| Advertisements |
|
07-01-2007, 4:37 PM
| #2 | ||
| |
On Sun, 29 Feb 2004 13:07:00 -0500, Ryan Sullivan <rpatrick@yourrobe.wideopenwest.com> wrote: > I have been struggling mightily in getting this to work with the scripts > I have seen. I have an image map that uses overlib to display > information about a school's campus: > > http://dcavello.phenominet.com/about/tour.php > > I would like onClick to generate a series of thumbnails located directly > above or below the image map. Those thumbnails would then be linked to > larger images which would pop-up in a new browser window. Does anyone > know of a javascript utility that I could use for this? I am not all > that familiar with Javascript, otherwise I would write my own utility. > Thanks for any help you can offer. > > Ryan The script below creates two images (named 1.jpg and 2.jpg) under the "click here for images" text. You can change that by moving the <div id="pictures"></div> tag around. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> <!-- var pic1 = new Image(); pic1.src = "1.jpg"; var pic2 = new Image(); pic2.src = "2.jpg"; function doIt() { var out = new String("<img src=" + pic1.src + "><img src=" + pic2.src + ">"); var location = document.getElementById("pictures"); location.innerHTML = out; } --> </script> </head> <body> <div onClick="doIt();">click here for images</div> <br> <div id="pictures"></div> <!-- place this wherever you like --> </body> </html> Enjoy, Buba | ||
| |
|
07-01-2007, 4:37 PM
| #3 | ||
| |
Ok good job; however, I would place the popup images on the right. I have my resolution set at 1024x768 I scrolled down to see the image and hovered over top. I didn't see the popups until I moved back up. On the right it would be easy to see the images and I wouldn't have to adjust my view. At the resolution of 800x600 I would miss them totally. Tom "Ryan Sullivan" <rpatrick@yourrobe.wideopenwest.com> wrote in message news:1MOdnSc7aKcCtN_d4p2dnA@wideopenwest.com... > I have been struggling mightily in getting this to work with the scripts > I have seen. I have an image map that uses overlib to display > information about a school's campus: > > http://dcavello.phenominet.com/about/tour.php > > I would like onClick to generate a series of thumbnails located directly > above or below the image map. Those thumbnails would then be linked to > larger images which would pop-up in a new browser window. Does anyone > know of a javascript utility that I could use for this? I am not all > that familiar with Javascript, otherwise I would write my own utility. > Thanks for any help you can offer. > > Ryan > -- > To reply, please remove your robe. > | ||
| |
|
07-01-2007, 4:38 PM
| #4 | ||
| |
Ryan Sullivan wrote: > I have been struggling mightily in getting this to work with the scripts > I have seen. I have an image map that uses overlib to display > information about a school's campus: > > http://dcavello.phenominet.com/about/tour.php > > I would like onClick to generate a series of thumbnails located directly > above or below the image map. Those thumbnails would then be linked to > larger images which would pop-up in a new browser window. Does anyone > know of a javascript utility that I could use for this? I am not all > that familiar with Javascript, otherwise I would write my own utility. > Thanks for any help you can offer. > > Ryan Ryan, I am using a screen resolution of 800x600 so I do not see the thumbnails above the image map without having to scroll back up the screen. I don't like that. Secondly, some of the links don't work i.e. Multipurpose room, Gymnasium and Power Building. Maybe you don't have images for these yet? Thirdly, with Javascript switched off, the effect doesn't work - not surprising. But then you do not have a <noscript> section in your HTML to handle this. Ed | ||
| |
| Featured Websites | ||||
|
|
| Tags: image, javascript, map, viewer |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| background image | David Graham | HTML | 4 | 08-26-2007 2:14 PM |
| Image Sharpen , php ? | krzys_iek | PHP | 3 | 07-01-2007 2:13 PM |
| Can I make the container DIV of an image not taller than the image (HTML 4.01)? | Vince C. | HTML | 1 | 07-01-2007 12:59 PM |
| image maps | Kingdom | Graphics in general | 0 | 06-11-2007 5:35 PM |
| How do I curve or distort a flat label image to fit a round bottle image? | Steen Alexandersen | Graphics in general | 0 | 05-31-2007 5:34 PM |
| Featured Websites | ||||
|
Javascript Image Viewer from Image Map 
PacMan
Linear Mode
