Expando Image bbcode

[kber]

Description: Expando is a simple script for folks who want to have an image expand onMouseover (to its actual size). This lets you display large images at a reduced size initially (aka thumbnail size), and have them dynamically expand when the mouse rolls over them
Live Demo
first : copy the attach file to your forum root
then :
open : yourstyle/template/viewtopic_body.html
find

Code: Select all

<!-- INCLUDE overall_header.html -->

add after

Code: Select all

<style type="text/css">

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

</style>

<script type="text/javascript" src="expando.js">

</script>

now create your bbcode :

BBcode usage

Code: Select all

[imgexpo]{URL}[/imgexpo]

HTML replacement

Code: Select all

<img class="expando" border="0" src="{URL}" width="100" height="75">

then check

Code: Select all

Display on posting page

and Go

[grandpower]

Not working.
It only displays a smaller image, 100x75 pixels but no way to expand something on v. 3.07

[kber]

Not working.
It only displays a smaller image, 100x75 pixels but no way to expand something on v. 3.07

it should display all sizes

[grandpower]

[quote="kber"][quote="grandpower"]Not working.
It only displays a smaller image, 100x75 pixels but no way to expand something on v. 3.07[/quote]
it should display all sizes[/quote]
OK,
it only should
but it doesn't...

[gregoryhind]

NICE :d

[Nostril]

[quote="grandpower"][quote="kber"][quote="grandpower"]Not working.
It only displays a smaller image, 100x75 pixels but no way to expand something on v. 3.07[/quote]
it should display all sizes[/quote]
OK,
it only should
but it doesn't... [/quote]
I don't know what is wrong with you but I have everything ok.