highslide for IMG BBCODE

[Alfa1]

This works, but if a image is smaller than a thumbnail, it wll be enlarged. This includes smiley's. These images will look very bad. Asides that; if such an image is clicked and the image resizes to its original size, it will display 'powered by Highslide'. Clicking that image loads the highslide homepage in the same window and brings your visitor to their website.
Is there a solution for this?

[Tralala]

Originally Posted by Alfa1

This works, but if a image is smaller than a thumbnail, it wll be enlarged. This includes smiley's. These images will look very bad.

Same here... I set the thumbnail size to 150 and now images that are smaller than that get enlarged. Ideally I'd like it only to resize things that are larger than 150, and leave everything else alone.

For now I left the IMG tag set to the original default, and use Spleasure's ncode image resizer to keep them small.

And then I assigned this highslide effect to a brand new bbcode: [imgh]
But ideally I'd like them to work in concert...

[nix]

I'll post this again. But my hack https://vborg.vbsupport.ru/showthrea...150491&page=47 does images with highslide.

[Alfa1]

Originally Posted by nix

I'll post this again. But my hack https://vborg.vbsupport.ru/showthrea...150491&page=47 does images with highslide.

Can you please post a links to where this is explained or can you please explain how your hack handles [IMG] tags and small images?

[Defkalion]

This is a very nice hack, I do have one question though.

Is it possible to use it with other img bbcodes besides the default [img] code?

I use on my website the "image floating left" bbcode , that enables the text to wrap around the image. This tag is [imgl] for example, but of course these images don't get resized by this hack. Is there any easy way to make this hack work with this tag too?

[tehQspm]

This seems to work for me and it doesn't affect signature pics (that I know of). Also, it applies to everything inside IMG tags even small images but luckily they don't resize to the default width, they just show their actual dimensions and if you click on them they still show inside the highslide box but just don't resize.

This is a plugin I was told to put inside the postbit_display_complete hook. And it also uses phpThumbs which is where the image resizing comes into play. It resizes on the fly server-side. You can edit it out if you want or you can download phpThumbs and install it to compliment highslide.

PHP Code:

$post['message'] = preg_replace('/<img src="([^"]*)" border="0" alt="" \/>/', '<a href="\\1" target="_blank" class="highslide" onclick="return hs.expand(this, { dimmingOpacity: 0.7 })"><img src="phpThumb.php?src=\\1&amp;w=400" border="0" alt="" /></a>', $post['message']); 


[furst]

I'm still looking for a smoother way to do this. I don't like having even the smallest images effected and would prefer it if it didn't effect the sigs either.