Expando Image bbcode

This bbcode lets you display large images at a reduced size initially (aka thumbnail size), and have them dynamically expand when the mouse rolls over them.
Post Reply
User avatar
kber
Site Admin
Posts: 79
Joined: 26 Aug 2009, 12:47
Location: Egypt
Contact:

Expando Image bbcode

Post by kber » 25 Jan 2010, 14:07

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 :mrgreen:
You do not have the required permissions to view the files attached to this post.
Image

grandpower
Posts: 0
Joined: 03 Oct 2010, 09:33

Re: Expando Image bbcode

Post by grandpower » 03 Oct 2010, 10:13

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

User avatar
kber
Site Admin
Posts: 79
Joined: 26 Aug 2009, 12:47
Location: Egypt
Contact:

Re: Expando Image bbcode

Post by kber » 03 Oct 2010, 11:46

grandpower wrote: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
Image

grandpower
Posts: 0
Joined: 03 Oct 2010, 09:33

Re: Expando Image bbcode

Post by grandpower » 03 Oct 2010, 13:40

[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
Posts: 0
Joined: 18 Jun 2011, 03:25

Re: Expando Image bbcode

Post by gregoryhind » 18 Jun 2011, 03:34

NICE :d

Nostril
Posts: 0
Joined: 21 Nov 2011, 14:54

Re: Expando Image bbcode

Post by Nostril » 21 Nov 2011, 15:05

[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.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest