1 (edited by KilianSSL 2006-12-21 1:55:53 PM)

Topic: iPod Sliding Menu

A little try to make an iPod-like Menu for the Smilies. Using xajax to get the data & scriptaculous for the move effect.
leftclick goes forward
right click goes backward

http://www.babes-board.ch/smilie.php

Re: iPod Sliding Menu

Very nice! smile

iSlayter.com smile

3 (edited by corentiny 2007-05-21 2:18:18 PM)

Re: iPod Sliding Menu

Hello,

Can you share your code ?

I try that, but when the div is moving the " overflow:hidden; " have a problem.
I have not this problem with Firefox, but with IE ... I have.

Thanks, Corentin.

CSS :

div#outerbox {
    overflow:hidden !important;
    width: 200px; height: 200px; border: 1px #000 solid; background-color: #DDD;
}
div#slidebox {
    width: 200px;
    float:left;
}
#widebox {
  width: 10000px;
}

Html :

<div id="outerbox">
    <div id="widebox">
        <div id="slidebox" style="background-color:#FF0000;">
            Texte1
        </div>
        <div id="slidebox" style="background-color:#FF00FF;">
            Texte2
        </div>
        <div id="slidebox" style="background-color:#FFFF00;">
            Texte3
        </div>
    </div>        
</div>

Effects :

                <a href='javascript:void(0)' onclick="new Effect.MoveBy( 'widebox', 0, -200 , {duration: 0.3,  transition: Effect.Transitions.sinoidal});"><<</a>
                <a href='javascript:void(0)' onclick="new Effect.MoveBy( 'widebox', 0, 200 , {duration: 0.3,  transition: Effect.Transitions.sinoidal});">>></a>

4 (edited by tl2000 2007-06-05 11:21:32 AM)

Re: iPod Sliding Menu

very nice! And sharing the code would be even nicer smile

Re: iPod Sliding Menu

can you share your code?