Browsing this Thread:   1 Anonymous Users






Re: better than lightbox
#2
Not too shy to talk
Not too shy to talk


See User information
ignore my post above and just use this:

http://blog.hma-info.de/2008/04/09/la ... -with-automatic-resizing/

make sure you READ it.

Posted on: 2009/4/16 5:53
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Mr. Wong Top


better than lightbox
#1
Not too shy to talk
Not too shy to talk


See User information
I just found a great script that is better than lightbox. it is called lightbox Plus. it automatically scales the photo equivalent to the current window size IF the photo is larger.

here is the link:

http://serennz.sakura.ne.jp/toybox/lightbox/

just create a new directory, I named mine lightboxPlus

then upload all the files located on the "resource" folder.

then change your index.php from line 776 to this:
Quote:

/*$header_lightbox = '<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="include/yogurt.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />';
*/
$header_lightbox = '
<script type="text/javascript" charset="UTF-8" src="lightboxPlus/spica.js"></script>
<script type="text/javascript" charset="UTF-8" src="lightboxPlus/lightbox_plus.js"></script>
<link rel="stylesheet" href="include/yogurt.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="lightboxPlus/lightbox.css" media="screen,tv" />
';


as you can see i just commented out the previous code and added my own code.

then make sure you edit "lightbox_plus.js"

Quote:

addEvent(window,"load",function() {
var lightbox = new LightBox({
loadingimg:'loading.gif',
expandimg:'expand.gif',
shrinkimg:'shrink.gif',
previmg:'prev.gif',
nextimg:'next.gif',
effectimg:'zzoop.gif',
effectpos:{x:-20,y:-20},
effectclass:'effectable',
closeimg:'close.gif',
resizable:true
});
});


please put in the ABSOLUTE PATH or else you wont see the next, previous, close, etc. images. Just follow the instructions on the website.

thats all folks. hope this helps. I'm currently very busy right now so all questions must be posted here. thanks!

Posted on: 2009/4/7 7:26
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Mr. Wong Top







You can view topic.
You cannot start a new topic.
You cannot reply to posts.
You cannot edit your posts.
You cannot delete your posts.
You cannot add new polls.
You cannot vote in polls.
You cannot attach files to posts.
You cannot post without approval.
You cannot use topic type.
You cannot use HTML syntax.
You cannot use signature.
You cannot create pdf.
You cannot get print page.

[Advanced Search]


Login
Username:

Password:

Remember me



Lost Password?

Register now!
 
Main Menu
 
Who's Online
5 user(s) are online (3 user(s) are browsing Forum)

Members: 0
Guests: 5

more...
 
Donat-O-Meter
Make donations with PayPal!
Stats
Goal: $25.00
Due Date: Sep 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $25.00