Quote:
|
Originally Posted by mini magic
peloton, how do i do that thing u do with the shrunken pic and then u click and a bigger version comes up?
|
Ok - there's two ways, an easy way and a hard way. Both ways require that you host two versions of each photo, so you might as well learn the hard way, because that one will make you look cool.
With the easy way, you just embed the small picture with [img] tags and then leave the link to the hi-res photo below it as a URL. The hard way leaves you with a clickable image that opens a new window for the high res shot.
Try to follow along...
If you understand the formatting for posting a URL then your a step ahead of the game. If not, pay attention here or use the link to the
VB code page to help you figure it out. Once again - ignore the spaces in the code and URL's. I'm only using them so the Code shows up in this thread. Otherwise what you need to see to execute it would be hidden like it usually is.
Posting a URL looks like this
[url = http://www.automotiveforums.com
] www.automotiveforums.com [/url]
The items in
bold text (including the "=") are the VB Code for URL's and must be added for a URL to show up as a hotlink. The link in italics is all that shows up on the screen in your post. The great thing about the VB software is that it automatically recognizes URL's and handles the code for you, creating the hyperlink that ends up in your post. The code above without all the spacing ends up displaying like this:
www.automotiveforums.com
The nice thing about understanding the URL UBB Code, is that you can put whatever you want (including an image) in the brackets to show up as the text for the hyperlink:
[url = http://www.automotiveforums.com
] AF.com [/url]
That code would show up like this without spaces:
AF.com
But, even though you can't see the actual web address, the URL inside the VB Code still points your browser to Automotive Forums. Neato.
=============================================
Ok, that should give you the first half of what you need to know. The second half is much easier once you have learned the picture posting part which I'm sure you are already familiar with. Basically, instead of putting text (like a web address) inside the URL Code to display, you put an IMG link.
You need two URL's for this to work, of course. Here are my dummy examples:
Small photo:
http://www.photosite.com/album1234/mypicture_sm.jpg
Large photo:
http://www.photosite.com/album1234/mypicture_lg.jpg
You use the URL for the larger photo first inside the URL Code. You
DO NOT use the
[img] & [/img] tags for the large photo URL - that would screw it all up. You
DO STILL NEED the
[img] & [/img] for the smaller photos URL though. If you don't add them, the small photo will not show up and it will only display the link to it. It's written like this:
[url = http://www.photosite.com/album1234/mypicture_lg.jpg
] __ [img] http://www.photosite.com/album1234/mypicture_sm.jpg
[/img] __ [/url]
Notice that I added "__" ahead of and at the end of the IMG tags for the smaller photo. This is the one place where
you actually need spaces. You must put two spaces there or the whole thing gets all screwed up. Don't ask me why - they just have to be there. You're welcome to try it without those spaces, but you'll be editing your post to fix it.
So when it's all said and done, you should end up with something like this:
See - that's not too hard.
Now - can you go back and edit your post with the huge photos using this new knowledge so this page doesn't side scroll and take forever and a day to load?
>8^)
ER