Board index PBase HTML and Style Sheets Second image under main image

HTML and Style Sheets

Second image under main image

Customize your galleries.
making_trax
 
Posts: 22

Second image under main image

Post Sat May 24, 2008 11:25 am


When you click on an image you often see Pbasers adding a second image underneath (often a thumbnail). I thought this would be easy to do but for some reason it won't work. Here's what I'm doing.
Adding my second image to a hidden gallery
Going to edit first image
Add (img src=”http://www.pbase.com/making_trax/image/97542541/medium.jpg” /) to caption box - without curly brackets! - to show my second image under the first.
It won't work - I just get a little box with a cross in it. Any help from the experts much appreciated!!
Thanks

dang
 
Posts: 3780

Re: Second image under main image

Post Sat May 24, 2008 12:22 pm


Here's the way I do it:
Code: Select all
<img src="http://www.pbase.com/dang/image/42112706/original.jpg" alt="logo"<br>

You've added an extra "/" to the end. :wink:

making_trax
 
Posts: 22

Re: Second image under main image

Post Sat May 24, 2008 12:41 pm


Thanks Dang - I got it now. I went to 'PbaseWiki', 'Tips and tricks' and then 'Adding image thumbnails below primary images' That's where I got the code from - are you saying that there's a mistake there or have I misunderstood??
Cheers
Steve

dang
 
Posts: 3780

Re: Second image under main image

Post Sat May 24, 2008 2:07 pm


Looks like it to me, on the end:
Code: Select all
.jpg” /

Leave off the /

neus
 
Posts: 12

Re: Second image under main image

Post Thu Sep 04, 2008 1:14 pm


If you please... I use the same post to ask the same...

Where do I make a mistake??

<a href=http://www.pbase.com/neus/image/102651712/large.jpg><img src=http://www.pbase.com/neus/image/102651712/small.jpg ></a>

What I need is to show the thum but as a link to the image in its own gallery.

dang
 
Posts: 3780

Re: Second image under main image

Post Thu Sep 04, 2008 9:13 pm


neus wrote:If you please... I use the same post to ask the same...

Where do I make a mistake??

<a href=http://www.pbase.com/neus/image/102651712/large.jpg><img src=http://www.pbase.com/neus/image/102651712/small.jpg ></a>

What I need is to show the thum but as a link to the image in its own gallery.


If you're wanting to add a thumbnail size image underneath, which can be clicked to enlarge, there's several ways of doing it. it's a little more complicated than stringing two url's together though. Here's one way which should do the trick:
Code: Select all
<html>
<p align="center">
<a href="nextpage.htm"><a href="http://www.pbase.com/neus/image/102651712/original.jpg"target="xy">
<img border="0" src="http://www.pbase.com/neus/image/102651712/small.jpg" width="160" height="107">
</a><br>
</html>

You might need to adjust the width & heights to the proper thumbnail size being used. If you prefer the image to take you to another gallery, remove target="xy" from the code, which tells it to open in a separate window while keeping the current gallery image open.

There's some excellent tips in the "Sticky" posts at the top of this forum. :wink:

neus
 
Posts: 12

Re: Second image under main image

Post Fri Sep 05, 2008 12:23 am


Thank you very much dang, I think now I can do it! Thanks a lot.

cits_4_pets
 
Posts: 1809
Location: Walnut Creek, CA

Re: Second image under main image - link to it's page

Post Fri Oct 31, 2008 7:48 am


I am trying to link the thumbnail to the image in the gallery. I am just getting the thumbnail enlarged. How do I get the image page to show up? The size of the thumbnail is ok... Thank you...

<html>
<p align="center">
<a href="nextpage.htm"><a href="http://www.pbase.com/cits_4_pets/image/105288226/original.jpg">
<img border="0" src="http://www.pbase.com/cits_4_pets/image/105288226/small.jpg" width="160" height="107">
</a><br>
</html>
Flo
Cits 4 Pets where Happy Pets Go with the Flo
http://www.pbase.com/cits_4_pets/
My Firefox Tthemes/skins for your web browser)

dang
 
Posts: 3780

Re: Second image under main image

Post Fri Oct 31, 2008 8:46 am


To add a thumb with it linking to the original, you'll need this:

Code: Select all
<p align="center"><a HREF="http://www.pbase.com/dang/image/78564113/original"><img src="http://www.pbase.com/dang/image/78564113/small.jpg" alt="Dang Macro Photos & Techniques" width=125 height=160 border=0></a></p>


Again, adjust thumbnail to fit the proper size. To find the correct size, view the thumb and right click, then properties and it will display in the drop-down. Be sure and use the browser url for the link, and not the property url, since it changes and you'll eventually get a red x in place of thumb.
:wink:


Board index PBase HTML and Style Sheets Second image under main image

Who is online

Users browsing this forum: No registered users and 3 guests