Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#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.

mini_419512meteobe.png

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&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=0&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=1&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=2&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=3&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=4&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=5&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=6&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=7&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=8&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=9&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=10&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=11&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=12&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=13&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=14&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=15&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=16&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=17&amp;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&amp;extraid=1" alt="Radar composite Belgium" src="/meteo/view/fr/113200-ajaxcontroller.html/65239/image.jpg?position=18&amp;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 &amp; 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é)
mini_521039meteo.gif

Dernière modification par enebre (Le 22/05/2017, à 13:22)

Hors ligne