Side by side highslide image

Post by **Kaycee** » 12 Sep 2011, 11:33

Can you please assist me to acheive side by side image on my forum. I do have resize image mod and highslide bbcode for image link from other site. They both work perfectly. However the pic are always
pic
pic
pic
Hence, very long. Can i know how to make this image link pic pic pic.
Thanks.
link:naijacouplesshop.com

Post by **martin123456** » 12 Sep 2011, 12:51

How are you adding the images ? image tags or attachments

Post by **Kaycee** » 12 Sep 2011, 15:29

I attach image and it get resize.
I attached image link with this code

Code: Select all

[hsimg]link to image[/hsimg]

If use this tag

Code: Select all

[img]http://image_url[/img]

image do not resize to 480 x 300. I only wish the pic
align in a row.

Post by **Stoker** » 14 Sep 2011, 19:11

Whats the html usage for the bbcode you are using?

Post by **themission** » 14 Sep 2011, 23:25

just a quick shout on this - before i installed the premod i had images in a row <------- Like this ------- Next to each other ----->
now i get them as 1st post underneath also - the HS you Tube does it in a line though

Post by **Stoker** » 15 Sep 2011, 07:34

No you didnt themission.
Phpbb doesnt displays attachments in a row. They are displayed underneath each other.

Post by **Kaycee** » 15 Sep 2011, 08:06

The html bbcode am using is from this site.

Code: Select all

<div class="highslide-gallery">
<a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:300px; max-height:300px;" /></a><div class="highslide-heading"></div>
</div

Post by **Stoker** » 15 Sep 2011, 08:11

I havent testet this. But try this first:

Code: Select all

<a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:300px; max-height:300px;" /></a><div class="highslide-heading"></div>

And if above doesnt work this for sure does:

Code: Select all

<a href="{URL}" class="highslide" onclick="return hs.expand(this, { wrapperClassName: 'controls-in-heading', slideshowGroup: 'highslide' })"><img src="{URL}" alt="" title="Click to enlarge" style="max-width:300px; max-height:300px;" /></a>

Post by **Kaycee** » 15 Sep 2011, 08:38

Thanks. Tested the last code and it worked. Can you help me with attachment image to side by side? I use subsilver2. Once again, thanks.

Post by **Stoker** » 15 Sep 2011, 08:46

Sorry, I dont use or support subsilver2.