changing image without javascript

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • mistral
    #1

    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.
    Tags: None
    • Erwin Moller
      #2
      Re: changing image without 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.

      Regards,
      Erwin Moller

        Comment

        • Evertjan.
          #3
          Re: changing image without javascript

          Erwin Moller wrote on 03 mrt 2008 in comp.lang.javas cript:
          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)

            Comment

            • endangeredmassa@gmail.com
              #4
              Re: changing image without javascript

              On Mar 3, 11:12 am, mistral <polych...@soft home.netwrote:
              On 3 ÍÁÒ, 11:55, Erwin Moller
              >
              <Since_humans_r ead_this_I_am_s pammed_too_m... @spamyourself.c omwrote:
              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)".

                Comment

                • mistral
                  #5
                  Re: changing image without javascript

                  20:05, "endangeredma.. .@gmail.com" <endangeredma.. .@gmail.comwrot e:
                  11:12 am, mistral <polych...@soft home.netwrote:
                  On 3 ÍÁÒ, 11:55, Erwin Moller
                  <Since_humans_r ead_this_I_am_s pammed_too_m... @spamyourself.c omwrote:
                  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.

                    Comment

                    • SAM
                      #6
                      Re: changing image without javascript

                      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_imag e_table_wout-js.htm>

                      --
                      sm

                        Comment

                        • mistral
                          #7
                          Re: changing image without javascript

                          On 4 §Þ§Ñ§â, 20:53, SAM <stephanemoriau x.NoAd...@wanad oo.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_imag e_table_wout-js.htm>
                          --
                          sm
                          ------------

                          Great explanation! Thank you very much.

                          mistral

                            Comment

                            Previous template Next
                            Working...