Opens jpg files in new large window when clicked.

jim · 08. Jul 2011, 09:06 AM

I am designing a website for my RAOB Lodge (using a free website designer) that includes photographs. On other sites I have seen where you click on a picture and it expands in a new window to a large size and then shrinks back when you click it again. How can I do this please using freeware?

Remah · 08. Jul 2011, 09:47 AM

It's no trade secret. You can look at the web page html code to see what is happening. Here's an example and it is easy to simple to code. I've indicated the large image and the small image. From memory, this site uses small images 200 pixels wide and large images 500 pixels wide with a maximum height of 450 pixels (I'm not sure where that is defined). For this example I've made the small image height 100 and the horizontal space around the image is 8 pixels.

<a href="/filepath/largeimagename.jpg" target="_blank">
<img hspace="8" height="100" align="left" width="200" alt="alternate titlename" title="titlename" src="/filepath/smallimagename.jpg" />
</a>

I'm no website designer so there's probably lots of handy tools to help you. The Drupal editor we use here provides the dialog box and we simply enter what we want.

jim · 08. Jul 2011, 11:57 AM

Thanks Remah but, as I said, I am using free software which does almost everything for you. To talk to me about "web page html code" and give the example you have is about as effective as asking me to translate a Take That song into Cantonese. Way outside my expertise I'm afraid but I appreciate your response. As you say, there may be tools to help with this but I don't even know the name for the effect I am trying to produce. If there is one then I could search for it. Perhaps I am trying to run before I can walk (or even crawl).

Ritho · 08. Jul 2011, 12:21 PM

Quote:

Originally Posted by jim

I am designing a website for my RAOB Lodge (using a free website designer) that includes photographs. On other sites I have seen where you click on a picture and it expands in a new window to a large size and then shrinks back when you click it again. How can I do this please using freeware?

Jim, what you are asking about is generally called "lightbox." It is a javascript and is quite easy to add to your site. Check out this link http://www.huddletogether.com/projects/lightbox/ and this one http://leandrovieira.com/projects/jquery/lightbox/ There are a lot of implementations of it, from just a simple popup look, to a more animated growing or expanding look like you mention. I do a little website development and would be more than happy to give you a few pointers on implementing it on the site you are trying to build if you have problems

jim · 08. Jul 2011, 12:37 PM

Thanks Ritho. Will most probably take you up on that. Am tied up for next couple of days but will probably have a few questions by the end of the weekend. Just for information, the free software I am using is called NetObjects Fusion Essentials. Thanks again to both for responses.

Ritho · 09. Jul 2011, 09:01 AM

Jim, I did find this http://visuallightbox.com/index.html. It is free for use on a non-commercial site. It is capable of creating the gallery, then inserting it where you want in any page you have created. I don't know how or if you are able to add additional pictures after the gallery is generated. Using one of the scripts still may be a better choice if you need to continually to update the gallery.

jim · 09. Jul 2011, 11:09 AM

Thanks for that Ritho. As I said, I am a bit tied up for a day or two so only had a quick look. I should think to update a gallery you should be able to recreate it in its entirity with new photos added but will investigate later. Thanks again.

jim · 16. Jul 2011, 07:18 PM

Well I tried it out and can create a gallery fine but I just don't know how to include it using NetObjects Fusion Essentials. At the moment I create my pages with PowerPoint, save the page as a .jpg and insert it and then publish. If I insert the gallery in the page of the software it loses its expand facility. I think this is all a bit too complicated for me. Thanks anyway,

jim · 03. Aug 2011, 05:31 PM

Found out only a week or so ago that the free designer software I am using offers a "Gallery" feature that creates a gallery doing just that. Silly me.

08. Jul 2011, 09:06 AM	#1 (permalink)
jim Moderator Join Date: Apr 2008 Location: near Ashford Kent England Posts: 304	Opens jpg files in new large window when clicked. I am designing a website for my RAOB Lodge (using a free website designer) that includes photographs. On other sites I have seen where you click on a picture and it expands in a new window to a large size and then shrinks back when you click it again. How can I do this please using freeware?

08. Jul 2011, 09:47 AM	#2 (permalink)
Remah Editor Join Date: Jul 2010 Location: New Zealand Posts: 505	It's no trade secret. You can look at the web page html code to see what is happening. Here's an example and it is easy to simple to code. I've indicated the large image and the small image. From memory, this site uses small images 200 pixels wide and large images 500 pixels wide with a maximum height of 450 pixels (I'm not sure where that is defined). For this example I've made the small image height 100 and the horizontal space around the image is 8 pixels. <a href="/filepath/largeimagename.jpg" target="_blank"> <img hspace="8" height="100" align="left" width="200" alt="alternate titlename" title="titlename" src="/filepath/smallimagename.jpg" /> </a> I'm no website designer so there's probably lots of handy tools to help you. The Drupal editor we use here provides the dialog box and we simply enter what we want. __________________ Better to light a candle ... than to curse the darkness.

09. Jul 2011, 09:01 AM	#6 (permalink)
Ritho Foundation Editor Join Date: Apr 2008 Location: Planet Earth Posts: 1,391	Jim, I did find this http://visuallightbox.com/index.html. It is free for use on a non-commercial site. It is capable of creating the gallery, then inserting it where you want in any page you have created. I don't know how or if you are able to add additional pictures after the gallery is generated. Using one of the scripts still may be a better choice if you need to continually to update the gallery. __________________ The smallest good deed is better than the greatest intention.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

08. Jul 2011, 11:57 AM	#3 (permalink)
jim Moderator Join Date: Apr 2008 Location: near Ashford Kent England Posts: 304	Thanks Remah but, as I said, I am using free software which does almost everything for you. To talk to me about "web page html code" and give the example you have is about as effective as asking me to translate a Take That song into Cantonese. Way outside my expertise I'm afraid but I appreciate your response. As you say, there may be tools to help with this but I don't even know the name for the effect I am trying to produce. If there is one then I could search for it. Perhaps I am trying to run before I can walk (or even crawl).

08. Jul 2011, 12:37 PM	#5 (permalink)
jim Moderator Join Date: Apr 2008 Location: near Ashford Kent England Posts: 304	Thanks Ritho. Will most probably take you up on that. Am tied up for next couple of days but will probably have a few questions by the end of the weekend. Just for information, the free software I am using is called NetObjects Fusion Essentials. Thanks again to both for responses.

09. Jul 2011, 11:09 AM	#7 (permalink)
jim Moderator Join Date: Apr 2008 Location: near Ashford Kent England Posts: 304	Thanks for that Ritho. As I said, I am a bit tied up for a day or two so only had a quick look. I should think to update a gallery you should be able to recreate it in its entirity with new photos added but will investigate later. Thanks again.

16. Jul 2011, 07:18 PM	#8 (permalink)
jim Moderator Join Date: Apr 2008 Location: near Ashford Kent England Posts: 304	Well I tried it out and can create a gallery fine but I just don't know how to include it using NetObjects Fusion Essentials. At the moment I create my pages with PowerPoint, save the page as a .jpg and insert it and then publish. If I insert the gallery in the page of the software it loses its expand facility. I think this is all a bit too complicated for me. Thanks anyway,

03. Aug 2011, 05:31 PM	#9 (permalink)
jim Moderator Join Date: Apr 2008 Location: near Ashford Kent England Posts: 304	Found out only a week or so ago that the free designer software I am using offers a "Gallery" feature that creates a gallery doing just that. Silly me.