Pages : 1
#1 Le 19/05/2017, à 08:51
- enebre
Comment faire un pop-up météo
Bonjour,
J'aimerais avoir un lien vers un pop-up pour afficher l'image animée de la météo sur mon écran, par un clic sur un lien vers le script.
Quelqu'un aurait-il un script pour le réaliser ?
Merci pour votre aide.
J'ai récupéré les infos dev de la sélection, au cas ou ça peut aider.
Le lien vers le site : http://www.meteo.be/meteo/view/fr/123361-Radar.html
<div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content" style="border-width: 10px; width: 700px; height: auto;"><div style="width:auto;height:auto;overflow: auto;position:relative;"><div style="width:700px">
<div class="image_viewer">
<div class="image" id="imageseq6523919" style="display: none;"><img onload="resizeFancybox()" id="img6523919" alt=" Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=19&extraid=1" width="700"></div>
<div class="image" id="imageseq652390" style="display: none;"><img id="img652390" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=0&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=0&extraid=1" width="700"></div>
<div class="image" id="imageseq652391" style="display: none;"><img id="img652391" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=1&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=1&extraid=1" width="700"></div>
<div class="image" id="imageseq652392" style="display: none;"><img id="img652392" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=2&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=2&extraid=1" width="700"></div>
<div class="image" id="imageseq652393" style="display: none;"><img id="img652393" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=3&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=3&extraid=1" width="700"></div>
<div class="image" id="imageseq652394" style="display: none;"><img id="img652394" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=4&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=4&extraid=1" width="700"></div>
<div class="image" id="imageseq652395" style="display: none;"><img id="img652395" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=5&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=5&extraid=1" width="700"></div>
<div class="image" id="imageseq652396" style="display: none;"><img id="img652396" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=6&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=6&extraid=1" width="700"></div>
<div class="image" id="imageseq652397" style="display: none;"><img id="img652397" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=7&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=7&extraid=1" width="700"></div>
<div class="image" id="imageseq652398" style="display: none;"><img id="img652398" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=8&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=8&extraid=1" width="700"></div>
<div class="image" id="imageseq652399" style="display: none;"><img id="img652399" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=9&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=9&extraid=1" width="700"></div>
<div class="image" id="imageseq6523910" style="display: none;"><img id="img6523910" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=10&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=10&extraid=1" width="700"></div>
<div class="image" id="imageseq6523911" style="display: none;"><img id="img6523911" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=11&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=11&extraid=1" width="700"></div>
<div class="image" id="imageseq6523912" style="display: none;"><img id="img6523912" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=12&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=12&extraid=1" width="700"></div>
<div class="image" id="imageseq6523913" style="display: none;"><img id="img6523913" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=13&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=13&extraid=1" width="700"></div>
<div class="image" id="imageseq6523914" style="display: none;"><img id="img6523914" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=14&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=14&extraid=1" width="700"></div>
<div class="image" id="imageseq6523915" style=""><img id="img6523915" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=15&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=15&extraid=1" width="700"></div>
<div class="image" id="imageseq6523916" style="display: none;"><img id="img6523916" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=16&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=16&extraid=1" width="700"></div>
<div class="image" id="imageseq6523917" style="display: none;"><img id="img6523917" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=17&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=17&extraid=1" width="700"></div>
<div class="image" id="imageseq6523918" style="display: none;"><img id="img6523918" class="postloadimg65239" srcload="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=18&extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=18&extraid=1" width="700"></div>
<div class="navigation clearfix">
<div class="r clearfix">
<a class="play" href="javascript:startLoop65239()"><img src="/meteo/files/images/icon_play.gif" width="7" height="9" border="0"></a>
<a class="stop" href="javascript:stopLoop65239()"><img src="/meteo/files/images/icon_stop.gif" width="7" height="7" border="0"></a>
</div>
<p id="imgtitle65239">Radar composite Belgium</p>
<div class="l clearfix">
<a class="vorige" href="javascript:previouspicture65239()">précédent</a>
<a class="volgende" href="javascript:nextpicture65239()">suivant</a>
</div>
</div>
</div>
<span class="neerslagradar radar">
<a href="http://www.meteo.be/meteo/view/fr/123361-Radar.html" target="_blank">
Précipitations
</a>
</head>
<body><div id="backstretch" style="left: 0px; top: 0px; position: fixed; overflow: hidden; z-index: 1;"><img style="position: relative; width: 1320px; height: 947.1px; left: 0px; top: -83.55px;" src="/Background/reshaped/1600/FLia/Fotolia_42341528_L_edited.jpg"></div>
<!--[if lte IE 6]><script src="/meteo/html/2011/js/ie6/warning.js"></script><script>window.onload=function(){e("/meteo/html/2011/js/js/ie6/")}</script><![endif]-->
<div id="container">
<a href="#fancybox-content" id="lightbox"><img src="/meteo/html/2011/img/btns/fr/wallpaper.gif" alt="achtergrond" class="turn_off_bg" width="25" height="101"></a>
<div style="display:none">
<div id="fancybox-content">
<h6>Image de fond</h6>
<hr>
<p>Vous n'aimez pas notre image de fond? Pas de problème; il vous suffit de cocher la case ci-dessous pour désactiver cette image
<br><br><a href="/Background/reshaped/1600/FLia/Fotolia_42341528_L_edited.jpg">Download Image de fond</a>
</p>
<hr>
<form lpformnum="1">
<input id="turnBackgroundImageOff" name="background" value="BackgroundImage" type="checkbox"><label for="turnBackgroundImageOff">cacher l'image de fond</label><br>
</form>
<a onclick="jQuery.fancybox.close();" href="javascript:;" id="fancybox-close">Close</a>
</div>
</div>
<div class="wrapper">
<header>
<ul id="mainnav">
<li class="first"><a class="lang_fr" href="/meteo/view/fr/65239-Accueil.html">IRM</a></li>
<li><a href="/meteo/view/fr/65656-Meteo.html">Météo</a>
<ul>
<li><a href="/meteo/view/fr/65656-Meteo.html">Prévisions</a></li>
<li><a href="/meteo/view/fr/123386-Observations.html">Observations</a></li>
<li><a href="/meteo/view/fr/112905-Avertissements.html">Avertissements</a></li>
</ul>
</li>
<li><a href="/meteo/view/fr/65657-Climat.html">Climat</a>
<ul>
<li><a href="/meteo/view/fr/6042923-Climat+actuel+en+Belgique.html">Climat actuel en Belgique</a></li>
<li><a href="/meteo/view/fr/6042922-Climat+general+en+Belgique.html">Climat général en Belgique</a></li>
<li><a href="/meteo/view/fr/6042865-Climats+dans+le+monde.html">Climats dans le monde</a></li>
</ul>
</li>
<li><a href="/meteo/view/fr/65660-Services.html">Services</a>
<ul>
<li><a href="/meteo/view/fr/81257-Produits+%26+services.html">Produits & services</a></li>
<li><a href="/meteo/view/fr/6043479-Secteurs+d%27Activite.html">Secteurs d'Activité</a></li>
<li><a href="/meteo/view/fr/506883-Conditions+generales.html">Conditions générales</a></li>
</ul>
</li>
<li><a href="/meteo/view/fr/65664-Recherche.html">Recherche</a>
<ul>
<li><a href="/meteo/view/fr/5863483-Pourquoi+chercher.html">Pourquoi chercher?</a></li>
<li><a href="/meteo/view/fr/6043512-Domaines+de+recherche.html">Domaines de recherche</a></li>
<li><a href="/meteo/view/fr/66983-Agenda+des+conferences.html">Agenda des conférences</a></li>
</ul>
</li>
<li><a href="/meteo/view/fr/65665-Documentation.html">Documentation</a>
<ul>
<li><a href="/meteo/view/fr/91313-Dico+Meteo.html">Dico Météo</a></li>
<li><a href="/meteo/view/fr/68771-FAQ+sur+le+temps.html">FAQ sur le temps</a></li>
<li><a href="/meteo/view/fr/66940-Articles.html">Articles</a></li>
<li><a href="/meteo/view/fr/103541-Publications.html">Publications</a></li>
<li><a href="/meteo/view/fr/14227300-Chez+Meteoz+et+Nova.html">Chez Meteoz et Nova</a></li>
</ul>
</li>
<li class="last">
<form name="input" action="/meteo/view/fr/1294636-Chercher.html" method="get">
<input name="searchquery" class="form_text" type="text">
visualisation souhaitée dans le pop-up (cliquer sur l'image pour voir le gif animé)
Dernière modification par enebre (Le 22/05/2017, à 13:22)
Hors ligne