Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Register Tags Active Topics RSS Search Mark Forums Read

Sponsored Links



How to select several Thumbnail Images in DHTML

Software Development


Reply
 
Thread Tools Search this Thread
  #1  
Old 04-02-2010
Member
 
Join Date: Aug 2006
Posts: 121
How to select several Thumbnail Images in DHTML
  

I am trying to learn DHTML for myself. I have done the C, C++ and HTML. Now I have turned to DHTML. I am making small assignment in which I have added some thumbnail images. But the problem is I am not able to select several thumbnail images. So does anyone know how to select several Thumbnail Images in DHTML. The coding related to the same would be greatly appreciable. Please help me as soon as possible.!!

__________________
Whats my name again? I spend so much time looking at code i fogot my own name ahhh!
Reply With Quote
  #2  
Old 04-02-2010
Member
 
Join Date: Apr 2008
Posts: 1,947
Re: How to select several Thumbnail Images in DHTML

There are many applications on the web by which you can add or select the many thumbnail images in DHTML. I would like to suggest you to download such application. Instead of writing large code for the same purpose it would be better if you use an application which is having the same purpose. You will have to download such application first. These applications are available for free of cost. After downloading you will need to install that application on your system. Hope that doing this will help you for solving your problem.
Reply With Quote
  #3  
Old 04-02-2010
Member
 
Join Date: May 2008
Posts: 2,006
Re: How to select several Thumbnail Images in DHTML

You can use the following instructions for viewing the images in DHTML.
You will have to add the following to the <head> section of your page :
Code:
<script src="viewerofthumbnail.js" type="text/javascript">
</script>
Add the below sample HTML to your page, which shows setting up the script on a regular link and a thumbnail image link :
Code:
<p><a href="http://img203.imagepoint.us/img654/1159/star6.gif" rel="thumbnail" title="This is the biggest Star">Castle</a></p>

<p><a href="http://img242.imagepoint.us/img201/6923/countryxb6.gif"" rel="thumbnail"><img src="thumbnail.gif" style="width: 65px; height: 65px" /></a></p>
Reply With Quote
  #4  
Old 04-02-2010
Member
 
Join Date: Nov 2005
Posts: 1,323
Re: How to select several Thumbnail Images in DHTML

I would like to tell you something more about the viewing an images in DHTML, which can definitely help you in future. There are some features of the Image Thumbnail Viewer, which you can download from the web. The below are the features of same :
  1. If you are having an enlarged image that can be optionally hyperlinked.
  2. It is very easy set up- just add to thumbnail links on your page.
  3. If enlarged image is set to be shown "mouseover", it is automatically preloaded for faster display.
  4. Configure larger image to be shown via "click" or "mouseover" of thumbnail.
  5. Define multiple regions for different images to be displayed in.
Reply With Quote
  #5  
Old 04-02-2010
Member
 
Join Date: May 2008
Posts: 2,381
Re: How to select several Thumbnail Images in DHTML

You can use the following code for selecting several Thumbnail Images in DHTML :
HTML Code:
<html>
<head>
<style>
body {
background-color:#0000ff;
color:#E27918;
font-family:Comic Sans MS,Arial;
font-size:12pt;
letter-spacing:3;
}
.thumbNormal {
border:5px solid #0000ff;
}
.thumbSelected {
border:5px solid #ff0000;
}
</style>
<script language=javascript>
var lastID = 0;
function SelectImg(id) {
if (lastID > 0) {
document.getElementById(lastID).className = "thumbNormal";
}
document.getElementById(id).className = "thumbSelected";
document.getElementById(0).src = document.getElementById(id).src;
lastID = id;
}
function LoadTrigger() {
SelectImg(1);
}
window.onload = LoadTrigger;
</script>
</head>
<body>
Click a photo on the left to view full size.
<table border=0>
<tr>
<td valign=top>
<img id=1 class="thumbNormal" src="http://www.images.com/images/3lio103.jpg" width=130 onclick="SelectImg(1)">
<br><img id=2 class="thumbNormal" src="http://www.images.com/images/3lio20.jpg" width=120 onclick="SelectImg(2)">
<br><img id=3 class="thumbNormal" src="http://www.images.com/images/3lion19.jpg" width=120 onclick="SelectImg(3)">
</td>
<td width=17> </td>
<td valign=top>
<img id=0 src="">
</td>
</tr>
</table>
</body>
</html>
__________________
The FIFA Manager 2009 PC Game
Reply With Quote
Reply

  TechArena Community > Software > Software Development
Tags: , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "How to select several Thumbnail Images in DHTML"
Thread Thread Starter Forum Replies Last Post
No Thumbnail Images after Installing Nero 11 Akshey Windows Software 10 11-11-2011 10:18 AM
Create thumbnail of images in Windows Phone 7 Ajabu Portable Devices 5 26-10-2010 08:38 PM
Project Import converted all Images to Thumbnail Caydien Windows Software 5 13-01-2010 06:01 PM
How do I add thumbnail images to folders...? Otilio Operating Systems 3 15-12-2009 04:44 PM
To Enlarge Thumbnail Images FlashX Tips & Tweaks 2 20-03-2009 02:48 PM


All times are GMT +5.5. The time now is 09:29 PM.