Titre: Fenetre parametrable
Posté par: Manolo59 le le 03-03-2005 a 13:52:06
Hello tlm !
Je travaille sur un site sous Dreamweaver MX 2004.
Sur mes pages apparaissent des vignettes de photos avec lien vers une image JPG et j'aimerai que la fenetre qui s'ouvre en clickant dessus fasse exactement la taille de l'image JPG qu'elle contient. Surtout, j'aimerai que cette fenetre n'affiche pas tous les menus et icones des fenetre IE classiques (barre de lien, FICHIER, EDITION, favoris, etc..). Une fenetre contenant UNIQUEMENT l'image en somme.
J'ai trouvé pas mal de java-scripts sur le net, mais aucun ne correspond vraiment à ce que je recherche, et pour ceux qui s'en approchent, j'ai du mal à inclure le code dans mes pages..
comment faire au plus simple etant donné que mon site contiendra un nombre très élevé de ces vignettes avec lien.
MErci d'avance ! |
Titre: Re:Fenetre parametrable
Posté par: Manolo59 le le 03-03-2005 a 15:13:31
J'ai réussi à trouver le code suivant (il est deja modifié selon mes besoin) :
dans HEAD :
<script language="javascript" type="text/javascript">
<!--
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);}
// -->
</script>
Dans BODY (je place ce code à chaque vignette-lien en changeant la taille de fenetre en fonction de l'image correspondante) :
<a href="../../gfx/images/cyclisme/cyclocross/cham_picardie_12122004/IMG_1.jpg" onclick="NewWindow(this.href,'image','640','426','no','center');return false" onfocus="this.blur()"><img src="../../gfx/images/cyclisme/cyclocross/cham_picardie_12122004/IMG_1_small.jpg" width="150" height="100" border="0">
c'est ce que j'ai trouvé de plus simple à utiliser et ça fonctionne comme je le souhaitais.
Ca vous parait bien ou pas ? y-a-t-il encore plus simple ?
en tous cas : JE TIENS LE BON BOUT !
merci. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|