469,936 Members | 2,331 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,936 developers. It's quick & easy.

changing image without javascript

Is there way change image (swap) on click on thumbnail without
javascript? I.e. main image is big(preview), and below it is two small
images - when click on small image, it should change big image. All on
one page, without opening new windows.
Mar 2 '08 #1
6 1977
mistral wrote:
Is there way change image (swap) on click on thumbnail without
javascript? I.e. main image is big(preview), and below it is two small
images - when click on small image, it should change big image. All on
one page, without opening new windows.
That is only possible via a pagerefresh.
Make the thumbnail a hyperlink to some page on your server that return
the new page, including the bigger picture or whatever more you want on
that page.

Without javascript you are stuck with static pages with HTML and CSS.

Regards,
Erwin Moller
Mar 3 '08 #2
Erwin Moller wrote on 03 mrt 2008 in comp.lang.javascript:
mistral wrote:
>Is there way change image (swap) on click on thumbnail without
javascript? I.e. main image is big(preview), and below it is two small
images - when click on small image, it should change big image. All on
one page, without opening new windows.

That is only possible via a pagerefresh.
Make the thumbnail a hyperlink to some page on your server that return
the new page, including the bigger picture or whatever more you want on
that page.

Without javascript you are stuck with static pages with HTML and CSS.
Or use vbscript and be stuck with IE. ;-(

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)
Mar 3 '08 #3
On Mar 3, 11:12 am, mistral <polych...@softhome.netwrote:
On 3 , 11:55, Erwin Moller

<Since_humans_read_this_I_am_spammed_too_m...@spam yourself.comwrote:
mistral wrote:
Is there way change image (swap) on click on thumbnail without
javascript? I.e. main image is big(preview), and below it is two small
images - when click on small image, it should change big image. All on
one page, without opening new windows.
That is only possible via a pagerefresh.
Make the thumbnail a hyperlink to some page on your server that return
the new page, including the bigger picture or whatever more you want on
that page.
Without javascript you are stuck with static pages with HTML and CSS.
Regards,
Erwin Moller

------------

I mean something like image preview on ebay , without refreshing page:

http://cgi.ebay.com/ws/eBayISAPI.dll...28278479&ru=ht....

is there simplified version?
No. The best you can do is changing the image via "active" or "hover"
selectors (whatever those are called) on CSS elements like an "anchor
(a)".
Mar 3 '08 #4
20:05, "endangeredma...@gmail.com" <endangeredma...@gmail.comwrote:
11:12 am, mistral <polych...@softhome.netwrote:
On 3 , 11:55, Erwin Moller
<Since_humans_read_this_I_am_spammed_too_m...@spam yourself.comwrote:
mistral wrote:
Is there way change image (swap) on click on thumbnail without
javascript? I.e. main image is big(preview), and below it is two small
images - when click on small image, it should change big image. All on
one page, without opening new windows.
That is only possible via a pagerefresh.
Make the thumbnail a hyperlink to some page on your server that return
the new page, including the bigger picture or whatever more you want on
that page.
Without javascript you are stuck with static pages with HTML and CSS.
Regards,
Erwin Moller
------------
I mean something like image preview on ebay , without refreshing page:
>http://cgi.ebay.com/ws/eBayISAPI.dll...28278479&ru=ht....
is there simplified version?
-------------
No. The best you can do is changing the image via "active" or "hover"
selectors (whatever those are called) on CSS elements like an "anchor
(a)".-
----------------------

Could you please be so kind to show me working example of that
approach? Also, there is only description section (inside body)
available for user html - no access to head section.

Thanks.
Mar 3 '08 #5
SAM
mistral a crit :
You've omitted image height attributes just to simplfy examples,
however, we can set it as required?
usually no need of sizes for image, the browser knows what to do ...

Here to fixe the size of image giving its width is enough
Like that its height followes proportionnaly
Here some explain :
<http://cjoint.com/data/detZ2C7fT4_image_table_wout-js.htm>

--
sm
Mar 4 '08 #6
On 4 ާѧ, 20:53, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
mistral a crit :
You've omitted image height attributes just to simplfy examples,
however, we can set it as required?
usually no need of sizes for image, the browser knows what to do ...
Here to fixe the size of image giving its width is enough
Like that its height followes proportionnaly
Here some explain :
<http://cjoint.com/data/detZ2C7fT4_image_table_wout-js.htm>
--
sm
------------

Great explanation! Thank you very much.

mistral
Mar 4 '08 #7

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Ron Brennan | last post: by
14 posts views Thread by D. Alvarado | last post: by
31 posts views Thread by Greg Scharlemann | last post: by
2 posts views Thread by Paolo Pignatelli | last post: by
4 posts views Thread by Doug van Vianen | last post: by
8 posts views Thread by GabrielESandoval | last post: by
3 posts views Thread by bulldog8 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.