NineChime forum

quentin wrote:

Just a suggestion that I've basically hacked into my own Oekaki (Takes 30 seconds, 1 js file, 1 css file, and a folder of small images)

I used 'Lytebox' ( http://dolem.com/lytebox/ ) but am currently experimenting with other versions of Lightbox, Litebox, Etc.

It makes viewing pictures a bit more entertaining, it pops up a small box that will view the fullsized picture.  (Also, it can dynamically expand to show the full picture, or if the picture is too big to fit in the window, it can squish it down so you don't have to scroll.  This is a setting that can be changed depending on your own preference.)

Its extremely simple to add to any Oekaki.  You only have to edit 2 files,  header.php  and  index.php.

Basically one has to edit the header to load the javascript, then in index.php just change how the oekaki prints out the image links so it works with the lytebox.

The ending result is very nice, which you can see at my oekaki(s)

http://oekaki.zookami.com
http://toekaki.zookami.com

(Warning, Adult themes if you become a member. )

--Edit--
I just realized, this could have went in the 'Mods for Wacintaki/Wax' section.

That looks awesome!

I'm planning to implement the Litebox type image viewer on my oekaki soon (possibly early next year) and I want to know is this.

How I can make it display as a slideshow when someone clicks on the image and exclude images that have been marked as adult when either someone is not logged it or that they have disabled the ability to view images marked as adult?

Last edited by rainbow (11-05-2008 00:06:13)

wait, cam u explain what exactly u have to edit and what to edit it to
as in, before and after?
i'd like to use this

Twighlight wrote:

wait, cam u explain what exactly u have to edit and what to edit it to
as in, before and after?
i'd like to use this

^ That's basically what I was asking above Rainbow This looks like a really cool thing to have, my members would love it.

I'm too lazy to log in

Demu wrote:

I'm confused on what to do in index.php. I'd really love to have this feature for my oekakis.

What exactly am I supposed to do in the index.php file for Lytebox to work for me?

Change:

        // Print image
if ($adult_block_mode == 0) {
echo <<<EOF
            <a href="$master_image"><img src="$thumbnail_image" class="$img_class_type" {$scale_size} alt="Pic #{$outerrow['PIC_ID']}" title="Pic #{$outerrow['PIC_ID']}" /></a><br />

To:

        // Print image
if ($adult_block_mode == 0) {
echo <<<EOF
            <a href="$master_image" rel="lytebox"><img src="$thumbnail_image" class="$img_class_type" {$scale_size} alt="Pic #{$outerrow['PIC_ID']}" title="Pic #{$outerrow['PIC_ID']}" /></a><br />

It's pretty easy, and a nice feature, everyone loves it

i cant get this to work.
i put this in the body tag of header

<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />

and this into the body lie rage said

// Print image
if ($adult_block_mode == 0) {
echo <<<EOF
            <a href="$master_image" rel="lytebox"><img src="$thumbnail_image" class="$img_class_type" {$scale_size} alt="Pic #{$outerrow['PIC_ID']}" title="Pic #{$outerrow['PIC_ID']}" /></a><br />

its not working right, see?
http://twighlight.tw.funpic.org/Oekaki/


what dint i do right?

T-T

no, in fact, look what happened to my layout o.o

i did what u told me