Descendre plus bas dans un cadre

Baby Kiwi Nombre de messages : 13 Age : 28 Date d'inscription : 18/04/2009

Bonjour, je sais pas si ça a été demandé, mais j'ai bien cherché avant (: .

En fait, je voulais savoir comment faire ceci:
http://blueberrycocktail.free.fr/

Descendre plus bas dans un seul cadre, et que le reste ne bouge pas ^^ .
Si qqn a un tuto avec, je suis prenante Very Happy

Merci d'avance I love you

venant de marie-eve sur pink: credits: http://portfolio.kawaiiness.org

Marie-Eve a écrit:

Suite à une très grosse demande de la part de mes visiteurs, j'ai décidé de vous montrer comment faire une iframe déroulante, c'est-à-dire une iframe qui n'a pas de barre de défilement et qui se déroule grâce à un lien-texte ou à un lien-image, simplement en passant la souris. J'utilise ce script depuis très longtemps sur mes sites.

Exemple: http://portfolio.kawaiiness.org
script original: http://www.dynamicdrive.com/dynamicindex17/iframescroll.htm

Tout d'abord, il est important que les barres de défilement standards soient bloquées dans votre iframe. Ceci est défini par le paramètre scrolling="no".

Code:: <iframe src="PAGE.html" scrolling="no"></iframe>

Ensuite, dans chaque page qui pourrait être chargée DANS la iframe, vous devez ajouter ce code complètement dans le bas, juste au-dessus de la balise de fermeture de BODY. Ce code doit toujours être à la fin de la page, sinon ca ne fonctionnera pas.

Code:: <script language="Javascript1.2">

//Scrollable content III- By http://www.dynamicdrive.com

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}

function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp

window.scrollBy(0,speed)
}

setInterval("initialize()",10)

</script>

Finalement, il ne vous reste plus qu'à placer le défilement, qui se fait soit par un lien texte ou par un lien image (j'utilise toujours des images de flèches). Il ne faut pas que le défilement soit placé dans la iframe. Le défilement doit être placé à l'extérieur, bref dans votre page principale. Vous pouvez positionner ces bouts de code avec des DIVS, des tables, etc. Ce n'est pas important, tant que l'intégrité du code est conservé. Aussi, le défilement vers le haut n'a pas à être à côté de celui qui défile vers le bas (comme on le suggère sur Dynamic Drive). Vous pourriez les placer aux deux extrémités de la page que ca ne changerait rien. Personnellement, je les place toujours un au-dessus de l'autre, pour rester dans l'idée de "barre de défilement".

Défilement vers le haut en texte

Code:: <a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0">Up</a>

Défilement vers le bas en texte

Code:: <a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0">Down</a>

OU

Défilement vers le haut en image

Code:: <a href="#" onMouseover="scrollspeed=-2" onMouseout="scrollspeed=0"><img src="UP.jpg" border="0"></a>

Défilement vers le bas en image

Code:: <a href="#" onMouseover="scrollspeed=2" onMouseout="scrollspeed=0"><img src="DOWN.jpg" border="0"></a>

Notez bien: Ce script ne fonctionne PAS avec les images réactives (maps). Seulement avec du texte et des vraies images.

Aussi, vous pouvez changer la valeur de scrollspeed=2 et scrollspeed=-2 pour autre chose, tout dépendant à quelle vitesse vous désirez que votre contenu défile.

Baby Kiwi Nombre de messages : 13 Age : 28 Date d'inscription : 18/04/2009

Super!
Merci énormément Very Happy

Oh mon siite=D.
Si sa marche pas MP moi

» une guimauve dans la place!
» Juumpyy est dans la place x3
» Yeah, Octopus est dans la placeuh.
» Perdu dans le pays des merveilles