4images Forum & Community
International => Français => Topic started by: nadioz on August 21, 2005, 08:58:59 AM
-
Bonjours, je voudrais savoir comment peut on changer la présentation de la galerie : comme cellle si parexemple qui a un fond noir et des imgas qui défile ...
http://www.jaded-paradise.net/lights/index.php?sessionid=adf2e73a7687f599eb65cde9119dd0c6&sessionid=adf2e73a7687f599eb65cde9119dd0c6
-
c'est pas mal comme effet !!!
pour les images qui défilent : c'est du DHTML et si tu regardes le code source de la page indiquée (juste après <hr size="1" /><center> ) tu auras toutes les informations que tu souhaites :wink:
-
S.V.P, ne pas indiquer le "sessionid" dans votre URL - pour une question de sécurité.
Simplement poster :
http://www.jaded-paradise.net/lights/index.php
Ce qu'il y a de plus bizarre, encore, c'est de voir que vous aillez "deux sessionid" sous votre URL.
Pour votre site, une superbe présentation.
Maintenant, pour répondre à votre question, vous pouvez personaliser votre contenu de la page d'index sous votre répertoire :
- templates/<votre_template>/home.html. ;)
-
tu cherche un templates noire, comme sur mon site www.foto-kocher.com :wink:
va sure le site
http://www.vierstra.com/4images.htm
vincent
-
Également, si vous cherchez plus de templates personnalisés, vous pouvez toujours visiter la section des templates sous ce forum. ;)
-
S.V.P, ne pas indiquer le "sessionid" dans votre URL - pour une question de sécurité.
Simplement poster :
http://www.jaded-paradise.net/lights/index.php
Ce qu'il y a de plus bizarre, encore, c'est de voir que vous aillez "deux sessionid" sous votre URL.
Pour votre site, une superbe présentation.
Maintenant, pour répondre à votre question, vous pouvez personaliser votre contenu de la page d'index sous votre répertoire :
- templates/<votre_template>/home.html. ;)
Merci mais ce n'est pas mon site j'aurais voulus aprendre a faire de même mais je n'ai vraiment rien compris... :!:
-
C'est bien dommage que les FAQs français n'existent pas encore.
-
Merci mais ce n'est pas mon site j'aurais voulus aprendre a faire de même mais je n'ai vraiment rien compris... :!:
pour les images qui défilent c'est pas trop compliqué :
tu ouvres ton fichier home.html dans ton template
cherche le code suivant : <hr size="1" />
puis ajoute juste après:
<script type="text/javascript">
/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//Specify the slider's width (in pixels)
var sliderwidth="800px"
//Specify the slider's height
var sliderheight="188px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="black"
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img src="http://www.nomdedomaine.net/1.jpg" border=1></img>'
leftrightslide[1]='<img src="http://www.nomdedomaine.net/2.jpg" border=1></img>'
leftrightslide[2]='<img src="http://www.nomdedomaine.net/3.jpg" border=1></img>'
//Specify gap between each image (use HTML):
var imagegap=" "
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5
////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
:arrow: en remplaçant http://www.nomdedomaine.net/1.jpg par le chemin exact où trouver les images sur ton site : j'ai pas testé mais ça devrait marcher :wink:
-
http://www.nomdedomaine.net/1.jpg
pour :
http://www.nomdedomaine.net/data/media/1.jpg
(par défaut). ;)
j'ai pas testé mais ça devrait marcher
Prière de tester avant d'envoyer du codage.
-
Prière de tester avant d'envoyer du codage.
Le code Javascript provient directement de la page source indiquée, il n'y a aucune raison pour que ça ne marche pas! au pire on peut en discuter.
Si nadioz est intéressé par le code, il peut le tester...
de plus quand on apporte rapidement de l'aide à qqu'un, on n'a pas forcement dans l'immédiat les moyens de tout tester, ce forum fourmille d'exemples :wink:
-
Le code Javascript provient directement de la page source indiquée
et doit fonctionner également sous 4images. Le fait que ces codes n'ont pas été testés, plus de détails seraient postés inutilement. ;)
-
et doit fonctionner également sous 4images.
:o le site http://www.jaded-paradise.net/lights/index.php fonctionne sous 4images 1.7.1 il me semble...
-
Si les codes fonctionnent, pas de problème. ;)
-
Lut à tous,
J'espère être dans le bon topic.
Donc je met sur celui un lien vers mon site http://darkangelus.world.free.fr (http://darkangelus.world.free.fr)
-= Bonne Visite =-