W hat you are seeing is not what the default script will look like in any way shape or form. We have totally reconfigured it to add a graphic links and a button to each and every picture that is fully explained on a separate page that will open in a new window. See the above drop down menu under Reconfigurations. Below is how to reconfigure the basic script.
W e have tested the code in IE5.5, IE6 and Netscape4.08. This script worked well in all platforms tested with no variations observed.
W e have tested the code in IE5.5, IE6 and Netscape4.08. Our reconfigurations will not work in Netscape 4.08.
T his is a "dynamic" image selector that allows your surfers to see an image by selecting it from a selection list. It is dynamic in that the images do NOT have to be of the same dimensions, a limitation that most other image selector scripts out there have. Imagine- you can now have a gallery of images of all sizes! The only pitfall is that, since it is written using DHTML, NS 3- and IE 3- browsers will not be able to use it. These low-end browsers will get an alert message informing them of this when the surfer tries to select an image.
T he basic script is very easy to set up. First, change all the values inside the <option> tags to reflect the paths to the images you want shown (you can add or delete <option> tags, depending on how many images you have). Lastly, change the height attribute of the <table> tag to reflect the height required to accommodate the LARGEST image in your gallery (in the demo, 178 pixels).
W here to add the path to your uploaded pictures and or images are seen below.
<option value="Path To Your Image" selected>Name Of Image Here</option>
<option value="Path To Your Image">Name Of Image Here</option>
<option value="Path To Your Image">Name Of Image Here</option>
<option value="Path To Your Image">Name Of Image Here</option>
</select>
T he next part you need to do with the basic script is to add your text message that will appear under each picture as it is displayed. This is shown below on how and where to add this.
//enter image descriptions ("" for blank)
var description=new Array()
description[0]="Description Goes Here"
description[1]="Description Goes Here"
description[2]="Description Goes Here"
description[3]="Description Goes Here"
T o add more than the default number of pictures, just follow the sequence and be sure to continue the numbers in sequence.
T he last reconfigurations on the basic script are to change the height attribute of the <table> tag to reflect the height required to accommodate the LARGEST image in your gallery (in the demo, 178 pixels). This is done in two different places within the script as shown below.
<form name="dynamicselector">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="178">
<tr>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width=100%
height=178><layer id="dynamic2" width=100% height=178><div id="dynamic3"></div></layer></ilayer></td>
T
hat is all the reconfigurations on the basic script. If you want this effect on your pages, just grab the below link. If you want to see how we reconfigured this script to add a link to another page button and changed the default textarea box menu to a drop down, follow the appropriate image choice above for "Reconfigurations". If you have any problems with this, feel free to contact us.
[ Get Code Here ]
Search Our Site By Individual letter
[ A ]
[ B ]
[ C ]
[ D ]
[ E ]
[ F ]
[ G ]
[ H ]
[ I ]
[ J-K ]
[ L ] |
Little Tips Directory [ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ] |
[ Index Page 1 ]
[ Index Page 2 ]
[ Index Page 3 ]
[ Index Page 4 ]
[ Index Page 5 ] [ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ] [ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ] [ News Letter Archives ]
[ Navigation Page ]
[ Archives Of Published Material ] |
If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today
This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.
Copyright © Consigliere Ltd., All Rights Reserved. 2001-