Viewing Images On Website

Collapse
This topic is closed.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts
  • Sadian
    Sergeant First Class

    • Mar 2006
    • 59

    Viewing Images On Website

    I would like to have an image on my website change with the thumbnails below it.... here is an example website that has this key feature http://www.diecastmodelcars.com/

    Ive done web searchs and have found nothing pertaining to this feature.... any Help would be much apprecieted..

    BTW here is the website where I'd like to use this feature:



    Thank You,
    Sadian
    websites i've built and designed

    http://www.lbimprovements.com/
    http://www.exstazjianjsadian.com/
    http://www.cbpbarn.com/
  • Vasili
    Moderator

    • Mar 2006
    • 14683

    #2
    Re: Viewing Images On Website

    I don't get it ... the reference page you provided "enlarged" the thumbnails when clicked, and on your page, you've used a larger image as a pop-up, right?

    You can have an enlarged view of thumbnails when clicked (and a progressive 'next image' tool) by using the LightBox feature within Blue Voda.
    You'll find it available from the Toolbar as a command: INSERT > EXTRA > LIGHTBOX

    You can see an example of how LightBox works visitng this page. Keep in mind you can make your thumbnails and larger views however small or large as you desire.
    . VodaWebs....Luxury Group
    * Success Is Potential Realized *

    Comment

    • Sadian
      Sergeant First Class

      • Mar 2006
      • 59

      #3
      Re: Viewing Images On Website

      o so there is a setting for the light box for this key feature... let me look into it.
      websites i've built and designed

      http://www.lbimprovements.com/
      http://www.exstazjianjsadian.com/
      http://www.cbpbarn.com/

      Comment

      • Sadian
        Sergeant First Class

        • Mar 2006
        • 59

        #4
        Re: Viewing Images On Website

        No I dont want it to open in a lightbox window, I would like the picture above the thumbs to change....

        um am I getting this right?
        websites i've built and designed

        http://www.lbimprovements.com/
        http://www.exstazjianjsadian.com/
        http://www.cbpbarn.com/

        Comment

        • Sadian
          Sergeant First Class

          • Mar 2006
          • 59

          #5
          Re: Viewing Images On Website

          hold on um sorry I didnt read all your post... blah im haveing a bad day
          websites i've built and designed

          http://www.lbimprovements.com/
          http://www.exstazjianjsadian.com/
          http://www.cbpbarn.com/

          Comment

          • Vasili
            Moderator

            • Mar 2006
            • 14683

            #6
            Re: Viewing Images On Website

            Yes ... and I see it now too. I merely assumed it was a Lightbox feature you were seeking rather than actually trying it ... my bad?

            You'll be wanting a specialized script to do this, which you will paste into a BV HTML box ... similar to the ones seen here:
            PHP Photo Album script v2.11

            IMAGE GALLERIES & VIEWERS (which you can modify to present as you mentioned and "placed" on your page precisely, using BV Shapes to "conceal" aspects you wish hidden -- use "layers" to design the image area)
            . VodaWebs....Luxury Group
            * Success Is Potential Realized *

            Comment

            • Sadian
              Sergeant First Class

              • Mar 2006
              • 59

              #7
              Re: Viewing Images On Website

              that Image Galleries & Viewers does it have a plugin for BlueVoda?

              o btw thanx vasilli your getting me on the right track now :P
              websites i've built and designed

              http://www.lbimprovements.com/
              http://www.exstazjianjsadian.com/
              http://www.cbpbarn.com/

              Comment

              • Vasili
                Moderator

                • Mar 2006
                • 14683

                #8
                Re: Viewing Images On Website

                No plugin required (although Blue Voda will accept plugins) ... simply paste the codes into a BV HTML Box and Page HTML as directed.
                . VodaWebs....Luxury Group
                * Success Is Potential Realized *

                Comment

                • Sadian
                  Sergeant First Class

                  • Mar 2006
                  • 59

                  #9
                  Re: Viewing Images On Website

                  still not quite what Im looking to do..check this page agian when you click on a thumbnail the picture above it changes without opening any type of window it stays in the same window

                  websites i've built and designed

                  http://www.lbimprovements.com/
                  http://www.exstazjianjsadian.com/
                  http://www.cbpbarn.com/

                  Comment

                  • Sadian
                    Sergeant First Class

                    • Mar 2006
                    • 59

                    #10
                    Re: Viewing Images On Website

                    could they be useing an Iframe and just opening the thumbnal link in the iframe hmmmm .... ???
                    websites i've built and designed

                    http://www.lbimprovements.com/
                    http://www.exstazjianjsadian.com/
                    http://www.cbpbarn.com/

                    Comment

                    • Vasili
                      Moderator

                      • Mar 2006
                      • 14683

                      #11
                      Re: Viewing Images On Website

                      No ... lose the whole iFrame mentality: navigation does not work from framed page to Parent page, and the controls on these viewers rely on mouseover commands (clicked navigation).

                      If you don't find an "easy" script to use or can't figure out how to cleverly configure one to "fit" your page, do a simply Google "slideshow" or "image rotator" Search for a larger selection.

                      You might also try visiting the www.jalbum.net site and looking at what they offer (JAlbum is a free and super-easy "add" for VodaHost customers via the Fantastico! area in cPanel).
                      . VodaWebs....Luxury Group
                      * Success Is Potential Realized *

                      Comment

                      • Sadian
                        Sergeant First Class

                        • Mar 2006
                        • 59

                        #12
                        Re: Viewing Images On Website

                        ok well thanx


                        I sent that diecast site an email asking how they did it... maybe I'll get lucky and their webmaster will asnwer the Q...


                        thanx everyone
                        websites i've built and designed

                        http://www.lbimprovements.com/
                        http://www.exstazjianjsadian.com/
                        http://www.cbpbarn.com/

                        Comment

                        • Vasili
                          Moderator

                          • Mar 2006
                          • 14683

                          #13
                          Re: Viewing Images On Website

                          Originally posted by Sadian View Post
                          I sent that diecast site an email asking how they did it... maybe I'll get lucky and their webmaster will asnwer the Q..
                          They are using a simple Mouseover Script, with preset image placment for rotation of larger images .... on the DynamicDrive.com site they are called "Tooltips" and many Slideshows are really nothing but the same.

                          HTML Code:
                          <img src="/image_resize.php?the_file=/images/diecast/91781-1.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-1.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-2.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-2.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-3.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-3.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-4.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-4.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-5.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-5.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-6.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-6.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-7.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-7.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car"><img src="/image_resize.php?the_file=/images/diecast/91781-8.jpg&width=64&height=47" width="64" height="47" onMouseOver="this.style.cursor='pointer'; this.style.cursor='hand'; return true;" onMouseOut="this.style.cursor='default'; return true;" onClick="document.getElementById('main_image').display='none'; document.getElementById('main_image').src='/images/diecast/91781-8.jpg'" alt="2006 Yellow & Black Chevrolet Camaro Diecast Model Car">
                          You just need to find the right script to display as you want it to, and then paste it into a BV HTML Box as usual!
                          . VodaWebs....Luxury Group
                          * Success Is Potential Realized *

                          Comment

                          • Sadian
                            Sergeant First Class

                            • Mar 2006
                            • 59

                            #14
                            Re: Viewing Images On Website

                            man I wish there was a wizard in lightbox or BV Gallery I hate codeing... and the person i am teaching BV doesnt know a stich of code theres no way i can explain that to her after I set up templates...

                            *scap Idea*


                            goes with BV Gallery popup windows...


                            thanx
                            websites i've built and designed

                            http://www.lbimprovements.com/
                            http://www.exstazjianjsadian.com/
                            http://www.cbpbarn.com/

                            Comment

                            • Vasili
                              Moderator

                              • Mar 2006
                              • 14683

                              #15
                              Re: Viewing Images On Website

                              Originally posted by Sadian View Post
                              goes with BV Gallery popup windows...
                              The GALLERY and POP-UPs in Blue Voda are two different animals .... Gallery open as a "next page" requiring you to "Back" the browser, and Pop-Ups open a new, smaller Window over the Parent Window.

                              You would be better off using LightBox, in this case, as she can easily understand how to re-populate the image selection and doesn't have to worry about creating 'onclick' links or dealing with clumsy site navigation, IMO.
                              And, the LightBox effects are very Visitor "approved" and familiar, and still are rather slick. Appease the site owner and deliver to Visitors what they want/enjoy without having a nagging feeling you are somehow "compromising" ...
                              . VodaWebs....Luxury Group
                              * Success Is Potential Realized *

                              Comment

                              Working...
                              X