An Html Query

[du52uga]

I wish I had the solution.."http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/china24.jpg" border="0" alt="Photobucket"></a>I wish to make a smaller duplication, where it supposed to point at the link.I hope U understand..

[pizzaguy]

if you are using photobucket to host your images, just append "th_" to the beginning of the filename in the url (for the image). so you would have this:

<a href="http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/th_china24.jpg" border="0" alt="Photobucket"></a>

also, i just noticed the other part of your question, if you want the link to go to the image, and not the photobucket page, just change the url in "href" to the url of the original photo (without the "th_").

<a href="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/th_china24.jpg" border="0" alt="Photobucket"></a>

[jlhaslip]

Or set a specific size by defining a height and width to the image.If there are several images all the same size, use a class to do the sizing.

<a href="http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/china24.jpg" border="0" alt="Photobucket"height="100px" <== alter to suit your preferred sizewidth="100px" <== alter to suit your preferred size></a>

[du52uga]

Or set a specific size by defining a height and width to the image.If there are several images all the same size, use a class to do the sizing.

<a href="http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/china24.jpg" border="0" alt="Photobucket"height="100px" <== alter to suit your preferred sizewidth="100px" <== alter to suit your preferred size></a>

Thank u!! That's what I was talking about..

[jlhaslip]

Glad to help.The down side of this 'sizing' technique is there can be issues with 'pixelisation' if you shrink a large image down to a small (relatively) size. Also, the Bandwidth used is more than supplying a scaled down image. It takes more of your bandwidth to serve the large image only to shrink it using CSS. Halving an image in both dimensions will shrink its size to 25% of the original, for example.The best solution is to have your images sized appropriately before serving them to the client. Your Image software does a better job of scaling them also.

[thescientist]

If there are several images all the same size, use a class to do the sizing.

could you show me an example of how one would do that?

[jlhaslip]

Remove all the in-line CSS from the html tags and add the class reference:

<a href="http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/china24.jpg"alt="Photobucket"class="thumb"></a>

And in the CSS, add the class rules as below:

.thumb { border:0; height:100px; width:100px; }

Classes can be used on multiple elements on each page, so add the class to all your thumbnails.

[du52uga]

Tnx.. All's well, page's ready

[thescientist]

Remove all the in-line CSS from the html tags and add the class reference:

<a href="http://s540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/?action=view&current=china24.jpg" target="_blank"><img src="http://i540.photobucket.com/albums/gg337/dux851gga/3dC4dWrks/china24.jpg"alt="Photobucket"class="thumb"></a>

And in the CSS, add the class rules as below:

.thumb { border:0; height:100px; width:100px; }

Classes can be used on multiple elements on each page, so add the class to all your thumbnails.

thanks!