Page 1 of 1

Side by side highslide image

Posted: 12 Sep 2011, 11:33
by Kaycee
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

Side by side highslide image

Posted: 12 Sep 2011, 12:51
by martin123456
How are you adding the images ? image tags or attachments

Side by side highslide image

Posted: 12 Sep 2011, 15:29
by Kaycee
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.

Side by side highslide image

Posted: 14 Sep 2011, 19:11
by Stoker
Whats the html usage for the bbcode you are using?

Side by side highslide image

Posted: 14 Sep 2011, 23:25
by themission
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

Side by side highslide image

Posted: 15 Sep 2011, 07:34
by Stoker
No you didnt themission.
Phpbb doesnt displays attachments in a row. They are displayed underneath each other.

Side by side highslide image

Posted: 15 Sep 2011, 08:06
by Kaycee
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

Side by side highslide image

Posted: 15 Sep 2011, 08:11
by Stoker
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>

Side by side highslide image

Posted: 15 Sep 2011, 08:38
by Kaycee
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.

Side by side highslide image

Posted: 15 Sep 2011, 08:46
by Stoker
Sorry, I dont use or support subsilver2.