FeaturePics in February
|
|
| Valentine's Day Images
|
|
We are offering these images to you in celebration of this most romantic of
days. These photos would be appropriate for promotions, t-shirts, or greeting
cards, so enjoy.
|
| Winter Images
|
|
Sterile, cold lanscapes, Nature is asleep, awaiting the rebirth of
Spring. Even though these images show the harshness of Winter, there
is also a timeless beauty in these photos.
|
| Winter Sport Images
|
|
Speed, ice, snow, hot buttered rum, wet socks, cold hands, all images of the
fun to be had when man plays in the snow. Lay back and enjoy the feeling
of fresh powder and the feelings afterward when the equipment comes off, and
you can relax in front of a warm fire.
|
This month's issue was composed using images by:
Gracey
SBStudios
Hunziker
Olesha
Cre8tive_studios
Nikonite
Gracey
Mocker
XenLights
Hamdan
Photoclicks
Nruboc
Pelmof
AlexMax
Velusariot
Hospitalera
|
|
| Web Design |
Image Gallery example using Javascript Arrays
|
As a variant on "AJAX Image Gallery Script"
you can store information about your large thumbnails in Array objects.
Please check the example below:
|
Image container:
|
Image Name Container:
Illustration of Metalheart
Image Link Container:
Click
here to buy this image
General Description Container:
Hospitalera's preferred photo subjects are animals, flowers
(especially macros), landscapes and food. Apart of slides (mostly Velvia) she
shoots also in black and white. Hospitalera uses photo editing programs mainly
to make minor adjustments, but being a big fan of fractal art she uses her
computers to render high res fractal images. Hospitalera can render fractals to
specifications, so if you want to illustrate a special project, contact
Hospitalera via FeaturePics, or via
Hospitalera's Website
|
Image thumbs container:
Information about each image (image file, image name, image url) is saved in
the javascript Array objects.
You can refer to a particular element in an Array by referring to the name of
the array and the index number. The index number starts at 0.
When you click on a thumbnail, javascript function reads information about the
image from the Arrays.
Then the same javascript functions "forms" an inner HTML code for the
larger image container, image name container, and image link container.
You can rearrange the positioning of all containers according to your web page
layout.
|
In our case the Arrays have the following names and values:
|
Place the javascript function in the <head> part of the web page.
|
| Step 3: Design your web page, place containers "desc" (image description), "lnk"
(image link), "li"(large thumbnail), according to your layout.
|
| In our case we placed all <div> containers inside of the table, but you
can position them using CSS.
|
|