Récupérer un code HTML dans une page de code source HTML

par Le Roy arthur Ven 27 Juin 2014 - 14:43

Bonjour à toutes et à tous,

J'ai un problème d'ordre technique...

Certains sites proposent d'emblée des code HTML pour intégrer directement leurs animations à vos propres créations sauf que dans ma situation actuelle, ce n'est pas le cas...

Alors voilà, je souhaiterais isoler la visite virtuelle qui se trouve sur cette page afin de la placer en miniature dans un sujet de mon forum :
http://www.360images.fr/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html

J'imagine que pour y parvenir il faut ouvrir le code source de ladite page ? Mais après quelle partie prélevée dans les centaines de lignes qui composent ce fameux code source ?

Et accessoirement, même si je pense en avoir trouver un, quel code HMTL utiliser pour l'intégrer à mon forum ?

Merci à toutes et à tous pour vos lumières !!!

par Le Roy arthur Ven 27 Juin 2014 - 14:45

Pour gagner un peu de temps, voici les codes source de cette page. Pour faciliter le repérage, je les ai laissé numéroté :

1 - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 - <html xmlns:fb="http://ogp.me/ns/fb#" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" >
3 - <head>
4 - <meta name="twitter:card" content="summary" />
5 - <meta name="twitter:site" content="@360imagesFR" />
6 - <meta name="twitter:creator" content="@360imagesFR" />
7 - <meta name="twitter:title" content="Cabine de pilotage d'une grue | Insolite | Visites virtuelles" />
8 - <meta name="twitter:description" content="Vous en avez rÃªvÃ© ? 360images l'a fait ! Prenez place dans la cabine de pilotage de la grue la plus haute d'Angers, Ã " />
9 - <link href="https://plus.google.com/106715752716438133686" rel="publisher" />
10 -
11 - <meta http-equiv="content-language" content="fr" />
12 - <base href="http://www.360images.fr/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html" />
13 - <meta http-equiv="content-type" content="text/html; charset=utf-8" />
14 - <meta name="keywords" content="angers,semi aÃ©rien,chÃ¢teau,grue" />
15 - <meta name="author" content="boccongibod.jerome" />
16 - <meta name="description" content="Vous en avez rÃªvÃ© ? 360images l'a fait ! Prenez place dans la cabine de pilotage de la grue la plus haute d'Angers, Ã " />
17 -
18 - <title>Cabine de pilotage d'une grue | Insolite | Visites virtuelles</title>
19 - <link href="http://www.360images.fr/3rc" rel="alternate shorter" />
20 - <link href="/templates/360/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
21 - <link href="/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html" rel="canonical" />
22 - <link rel="stylesheet" href="http://www.360images.fr/media/com_cedtag/css/stylish.gray.css" type="text/css" />
23 - <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans" type="text/css" />
24 - <link rel="stylesheet" href="/plugins/content/addthis/css/at-jp-styles.css" type="text/css" />
25 - <link rel="stylesheet" href="/plugins/system/modalizer/modals/shadowbox/shadowbox.css" type="text/css" />
26 - <link rel="stylesheet" href="/modules/mod_jflickr/js/jquery.fancybox/jquery.fancybox-1.3.4.css" type="text/css" />
27 - <link rel="stylesheet" href="/templates/360/css/djmenu.css" type="text/css" />
28 - <style type="text/css">
29 - #sb-body-inner{background-color:#fff;}
30 - .gallery-flickr ul li {list-style-type:none;float:left;background: none;margin-left:0}.gallery-flickr ul {margin: 0} #right .gallery-flickr ul li a,#left .gallery-flickr ul li a,.gallery-flickr ul li a {float:left;margin:0 4px 4px 0;padding: 0;background:none;border: 0;} .gallery-flickr ul li a:hover {background: #ddd} #gallery-flickr {padding: 0;line-height: 0;margin: 0} .clearfix {clear:both}
31 - </style>
32 -
33 -
34 -
35 -
36 -
37 -
38 -
39 -
40 -
41 -
42 -
43 - <meta property='og:url' content='http://www.360images.fr/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html'>
44 - <meta property='og:type' content='article'>
45 - <meta property='og:title' content='Cabine de pilotage d'une grue'>
46 - <meta property='og:description' content='{noapplemobile}{/noapplemobile}{applemobile}{/applemobile}
47 - Vous en avez rÃªvÃ© ? 360images l'a fait !
48 - Prenez place dans la cabine de pilotage de la grue la plus haute d'Angers, Ã 65 mÃ¨tres au dessus de la Maine, celle du chÃ¢teau dont le logis du g...'>
49 - <meta property='og:image' content='http://www.360images.fr/images/stories/645/cabine.jpg'>
50 -
51 -
52 - 
54 - <link rel="stylesheet" href="/templates/360/css/template.css" type="text/css" />
55 -
56 -
57 -
58 -
59 - <style type="text/css" media="all">
60 - </style>
61 -
62 -
63 -
64 -
65 -
66 -
67 - <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
68 -
69 -
70 -
71 - <link rel="author" href="https://plus.google.com/115175341020725746637"/>
72 - <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
73 - <script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
74 - <script src="/media/system/js/core.js" type="text/javascript"></script>
75 - <script src="/media/zen/js/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
76 - <script src="/media/system/js/caption.js" type="text/javascript"></script>
77 - <script src="/plugins/system/modalizer/modals/shadowbox/shadowbox.js" type="text/javascript"></script>
78 - <script src="/modules/mod_jflickr/js/JFlickr.js" type="text/javascript"></script>
79 - <script src="/modules/mod_jflickr/js/jquery.fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
80 - <script src="/modules/mod_jflickr/js/jquery.fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>
81 - <script src="/modules/mod_djmenu/assets/js/dropline-helper.js" type="text/javascript"></script>
82 - <script src="//s7.addthis.com/js/300/addthis_widget.js" type="text/javascript"></script>
83 - <script src="//sitescripts.mobile.conduit-services.com/sitescripts/site/cf1e7758-ec9e-421f-b82d-a889cec6d724/?appId=3f95ea43-3dd5-4831-a932-a1e21f0a7618" type="text/javascript"></script>
84 - <script type="text/javascript">
85 - window.addEvent('load', function() {
86 - new JCaption('img.caption');
87 - });
88 - Shadowbox.init({});
89 -
90 - </script>
91 - <script type="text/javascript">
92 - function add_to_facebook() {
93 - window.open('https://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location)+'&t='+encodeURIComponent(document.title),'sharer','toolbar=0,status=0,width=626,height=436');return false;}
94 -
95 - function add_to_twitter() {
96 - window.open('http://twitter.com/home/?status='+encodeURIComponent(document.location)+'&t='+encodeURIComponent(document.title),'sharer','toolbar=0,status=0,width=auto,height=auto');return false;}
97 -
98 - function send_by_email() {
99 - window.open('mailto:?subject=A voir !!!&body=Plongez dans ce panorama 360Â°:' +encodeURIComponent(document.location)+'&t='+encodeURIComponent(document.title),'sharer','toolbar=0,status=0,width=626,height=436');return false;}
100 - </script>
101 - <script type="text/javascript" src="http://www.360images.fr/plugins/system/mooimageck/mooimageck/reflection.js"></script>
102 -
103 - 
104 - <script type='text/javascript'>
105 - (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
106 - (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
107 - m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
108 - })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
109 -
110 - ga('create', 'UA-6348484-1','auto');
111 - ga('send', 'pageview');
112 - </script>
113 -
114 -
115 - <script src='/plugins/sh404sefcore/sh404sefsocial/sh404sefsocial.js' type='text/javascript' ></script>
116 - <script type='text/javascript'>
117 - _sh404sefSocialTrack.options = {enableGoogleTracking:true,
118 - enableAnalytics:true, trackerName:'',
119 - FBChannelUrl:'http://www.360images.fr/index.php?option=com_sh404sef&view=channelurl&format=raw&langtag=fr_FR'};
120 - window.fbAsyncInit = _sh404sefSocialTrack.setup;
121 - </script>
122 - <style type="text/css">
123 - /* Top padding for buttons set */
124 - div.sh404sef-social-buttons {
125 - padding-top: 0.5em;
126 - }
127 - .sh404sef-social-buttons span {
128 - display: inline-block;
129 - vertical-align: top;
130 - margin-bottom: 0.3em;
131 - }
132 - /* fix for Linkedin, not full fix as Linkedin has some inline style with !important, which can't be overriden */
133 - .sh404sef-social-buttons span.IN-widget[style] {
134 - /* vertical-align: bottom !important; */
135 - }
136 - /* vertical adjustment for Linkedin */
137 - .sh404sef-social-buttons span.linkedin {
138 - /* position: relative; */
139 - /* top: 3px; */
140 - }
141 - /* vertical adjustment for Google+ page */
142 - .sh404sef-social-buttons span.googlepluspage {
143 - /* position: relative; */
144 - /* top: 2px; */
145 - }
146 -
147 - /* Facebook flyout cut-off fix */
148 - .fb-like span{overflow:visible !important; }
149 - .fb-send span{overflow:visible !important;}
150 - .fb-like iframe{max-width: none !important; }
151 - .fb-send iframe{max-width: none !important; }
152 -
153 - /* Joomla default templates css fix */
154 - /* parent elements needs to have overflow visible */
155 - .items-row.cols-2, .items-leading {overflow:visible !important;}
156 - #contentarea {overflow:visible !important;}
157 -
158 - </style>
159 - <script type='text/javascript'>var _sh404SEF_live_site = 'http://www.360images.fr/';</script></head>
160 - <body>
161 - 
162 - <div id='fb-root'></div>
163 - <script type='text/javascript'>
164 -
165 - // Load the SDK Asynchronously
166 - (function(d){
167 - var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
168 - js = d.createElement('script'); js.id = id; js.async = true;
169 - js.src = 'https://connect.facebook.net/fr_FR/all.js';
170 - d.getElementsByTagName('head')[0].appendChild(js);
171 - }(document));
172 -
173 - </script>
174 - 
175 -
176 -
177 - <table width="100%" border="0">
178 - <tr><td align="center" class="grey">
179 - <div id="logo"> <div class="moduletable-agence">
180 -
181 -
182 - <div class="custom-agence" >
183 - <p><img style="float: left;" alt="agence de photographie panoramique - visite virtuelle" src="/images/stories/agence.png" height="66" width="460" /></p></div>
184 - </div>
185 - <div class="moduletable-logo">
186 -
187 -
188 - <div class="custom-logo" >
189 - <a href="http://www.360images.fr"><img style="margin-bottom: 25px; float: left;" alt="logoblanc" src="/images/stories/logoblanc.png" width="153" height="130" /> </a> <a href="/contact.html"><img style="position: relative; top: 150px; left: 350px; z-index: 2;" alt="devisrond" title="Obtenir un devis" src="/images/stories/devisrond.png" width="100" height="100" /></a></div>
190 - </div>
191 - </div>
192 - <div id="mainMenu"> <div class="moduletable">
193 - <ul id="dj-main109" class="dj-main"><li class="dj-up itemid181 first"><a href="/" class="dj-up_a" ><span >Accueil</span></a></li>
194 - <li class="dj-up itemid170"><a href="javascript:void();" class="dj-up_a" ><span class="dj-drop" >Solutions</span></a>
195 - <ul class="dj-submenu">
196 - <li class="submenu_top" style="display: none"> </li>
197 - <li class="itemid251 first"><a href="/articles/solutions/incrustation-video-360.html" class="" >Incrustation vidÃ©o 360</a></li>
198 - <li class="itemid809"><a href="/articles/solutions/avant-apres.html" class="" >Avant - AprÃ¨s</a></li>
199 - <li class="itemid171"><a href="/articles/solutions/visite-virtuelle.html" class="" >Visite virtuelle</a></li>
200 - <li class="itemid172"><a href="/articles/solutions/medias-interactifs.html" class="" >MÃ©dias interactifs</a></li>
201 - <li class="itemid173"><a href="/articles/solutions/iphone-ipad.html" class="" >Iphone & Ipad</a></li>
202 - <li class="itemid174"><a href="/articles/solutions/gigapixel.html" class="" >Gigapixel</a></li>
203 - <li class="itemid175"><a href="/articles/solutions/panoramas-aeriens.html" class="" >Panoramas aÃ©riens</a></li>
204 - <li class="itemid179 last"><a href="/articles/solutions/360-visites.html" class="" >360 visites</a></li>
205 - <li class="submenu_bot" style="display: none"> </li>
206 - </ul>
207 - </li>
208 - <li class="dj-up itemid2 active"><a href="/non-categorise/carte-des-panoramas.html" class="dj-up_a active" ><span class="dj-drop" >Visites virtuelles</span></a>
209 - <ul class="dj-submenu">
210 - <li class="submenu_top" style="display: none"> </li>
211 - <li class="itemid281 first"><a href="/non-categorise/carte-des-panoramas.html" class="" >Carte des panoramas</a></li>
212 - <li class="itemid748"><a href="/visites-virtuelles/alsace/index.html" class="" >Alsace</a></li>
213 - <li class="itemid749"><a href="/visites-virtuelles/paris/index.html" class="" >Paris</a></li>
214 - <li class="itemid778"><a href="/visites-virtuelles/antilles/index.html" class="" >Antilles</a></li>
215 - <li class="itemid808"><a href="/visites-virtuelles/70eme-anniversaire-du-debarquement/index.html" class="" >70Ã¨me Anniversaire du DÃ©barquement</a></li>
216 - <li class="itemid180"><a href="/visites-virtuelles/le-voyage-a-nantes/index.html" class="" >Le Voyage Ã Nantes</a></li>
217 - <li class="itemid177"><a href="/visites-virtuelles/aerien/index.html" class="" >AÃ©rien</a></li>
218 - <li class="itemid153"><a href="/visites-virtuelles/actualite/index.html" class="" >ActualitÃ©</a></li>
219 - <li class="itemid162"><a href="/visites-virtuelles/angers/index.html" class="" >Angers</a></li>
220 - <li class="itemid167"><a href="/visites-virtuelles/bordeaux/index.html" class="" >Bordeaux</a></li>
221 - <li class="itemid78"><a href="/visites-virtuelles/nantes/index.html" class="" >Nantes</a></li>
222 - <li class="itemid58"><a href="/visites-virtuelles/accroche-coeurs/index.html" class="" >Accroche Coeurs</a></li>
223 - <li class="itemid33"><a href="/visites-virtuelles/bretagne/index.html" class="" >Bretagne</a></li>
224 - <li class="itemid178"><a href="/visites-virtuelles/clisson/index.html" class="" >Clisson</a></li>
225 - <li class="itemid45"><a href="/visites-virtuelles/chateau-d-angers/index.html" class="" >ChÃ¢teau d'Angers</a></li>
226 - <li class="itemid8"><a href="/visites-virtuelles/chateau-de-brissac/index.html" class="" >ChÃ¢teau de Brissac</a></li>
227 - <li class="itemid44"><a href="/visites-virtuelles/haute-definition/index.html" class="" >Haute dÃ©finition</a></li>
228 - <li class="itemid31"><a href="/visites-virtuelles/ile-de-behuard/index.html" class="" >Ile de BÃ©huard</a></li>
229 - <li class="itemid10 active"><a href="/visites-virtuelles/insolite/index.html" class="active " >Insolite</a></li>
230 - <li class="itemid55"><a href="/visites-virtuelles/montgolfiere/index.html" class="" >MontgolfiÃ¨re</a></li>
231 - <li class="itemid15"><a href="/visites-virtuelles/montagne/index.html" class="" >Montagne</a></li>
232 - <li class="itemid30"><a href="/visites-virtuelles/monuments/index.html" class="" >Monuments</a></li>
233 - <li class="itemid57"><a href="/visites-virtuelles/museum-d-histoire-naturelle/index.html" class="" >MusÃ©um d'Histoire naturelle</a></li>
234 - <li class="itemid9"><a href="/visites-virtuelles/parcs-jardins-nature/index.html" class="" >Parcs - Jardins - Nature</a></li>
235 - <li class="itemid46"><a href="/visites-virtuelles/terra-botanica/index.html" class="" >Terra Botanica</a></li>
236 - <li class="itemid38"><a href="/visites-virtuelles/vendee/index.html" class="" >VendÃ©e</a></li>
237 - <li class="itemid47"><a href="/visites-virtuelles/venise/index.html" class="" >Venise</a></li>
238 - <li class="itemid161"><a href="/visites-virtuelles/boutiques/index.html" class="" >Boutiques</a></li>
239 - <li class="itemid168 last"><a href="/visites-virtuelles/saint-emilion/index.html" class="" >Saint-Ã‰milion</a></li>
240 - <li class="submenu_bot" style="display: none"> </li>
241 - </ul>
242 - </li>
243 - <li class="dj-up itemid762"><a href="/" class="dj-up_a" ><span class="dj-drop" >GigaPixels</span></a>
244 - <ul class="dj-submenu">
245 - <li class="submenu_top" style="display: none"> </li>
246 - <li class="itemid763 first"><a href="/nantes-gigapixel.html" class="" >Nantes Gigapixel</a></li>
247 - <li class="itemid62 last"><a href="/angers-gigapixels.html" class="" >Angers Gigapixel</a></li>
248 - <li class="submenu_bot" style="display: none"> </li>
249 - </ul>
250 - </li>
251 - <li class="dj-up itemid40"><a href="/petits-mondes.html" class="dj-up_a" ><span >Petits Mondes</span></a></li>
252 - <li class="dj-up itemid158 last"><a href="/articles/references/index.html" class="dj-up_a" ><span class="dj-drop" >RÃ©fÃ©rences</span></a>
253 - <ul class="dj-submenu">
254 - <li class="submenu_top" style="display: none"> </li>
255 - <li class="itemid238 first"><a href="/articles/references/programme-immobilier.html" class="" >Solution immobiliÃ¨re</a></li>
256 - <li class="itemid239"><a href="/articles/references/step-suez-degremont.html" class="" >Suez DegrÃ¨mont</a></li>
257 - <li class="itemid277"><a href="/articles/references/planete-sauvage.html" class="" >PlanÃ¨te Sauvage</a></li>
258 - <li class="itemid760"><a href="/articles/references/sogimmo.html" class="" >Sogimmo</a></li>
259 - <li class="itemid176"><a href="/articles/references/la-creation-prend-ses-quartiers-a-nantes.html" class="" >Quartier de la CrÃ©ation</a></li>
260 - <li class="itemid159"><a href="/articles/references/visite-virtuelle-de-la-maternite-du-chu-d-angers.html" class="" >MaternitÃ© du CHU d'Angers</a></li>
261 - <li class="itemid160"><a href="/articles/references/angers-ville-d-art-d-histoire.html" class="" >Angers - Ville d'art & d'histoire</a></li>
262 - <li class="itemid166 last"><a href="/articles/references/saint-jean-de-monts.html" class="" >Saint Jean de Monts</a></li>
263 - <li class="submenu_bot" style="display: none"> </li>
264 - </ul>
265 - </li>
266 - </ul> </div>
267 - </div>
268 - <div id="ombre"></div>
269 - </td></tr>
270 -
271 - <tr><td></td></tr>
272 -
273 - <tr><td align="center">
274 - <div class="container">
275 - <div id="sliderpanos"></div>
276 - <table width="100%" border="0" cellspacing="0" cellpadding="0">
277 - <tr>
278 - <td align="left" valign="top">
279 - <div id="main" class="main"><div class="item-page">
280 -
281 - <h1>
282 - <a href="/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html">
283 - Cabine de pilotage d'une grue</a>
284 - </h1>
285 -
286 -
287 -
288 -
289 -
290 - <div id="eye">
291 - <img src="/templates/360/images/eye.png"/><span class="hitcount">2934</span>
292 - </div>
293 - </dl>
294 -
295 -
296 -
297 - <div class="play"><a rel="shadowbox;width=1400;height=600" target="_blank" class="modal" href="http://www.360images.fr/360/grue/cabine.html?ml=1" title="Cabine de grue"><img src="/images/stories/645/cabine.jpg" border="0" /><strong><span class="play"></span></strong></a></div>
298 - <p><strong>Vous en avez rÃªvÃ© ? 360images l'a fait !</strong></p>
299 - <p>Prenez place dans la cabine de pilotage de la grue la plus haute d'Angers, Ã 65 mÃ¨tres au dessus de la Maine, celle du chÃ¢teau dont le logis du gouverneur est actuellement en rÃ©novation.</p>
300 - <p>Mettez-vous aux commandes et profitez d'un point de vue imprenable autant que surprenant !</p>
301 - <p>Si vous voulez une vue plus dÃ©gagÃ©e, <a href="http://www.360images.fr/visites-virtuelles/insolite/toujours-plus-haut.html">montez Ã l'Ã©tage...</a></p> <div class="cedtag" /> <ul class="cedtag" > <li><a href="/angers.html" rel="tag" title="62 articles en rapport avec angers" >angers</a></li> <li><a href="/chateau.html" rel="tag" title="5 articles en rapport avec chÃ¢teau" >chÃ¢teau</a></li> <li><a href="/grue.html" rel="tag" title="2 articles en rapport avec grue" >grue</a></li> <li><a href="/semi-aerien.html" rel="tag" title="4 articles en rapport avec semi aÃ©rien" >semi aÃ©rien</a></li> </ul ></div > <div class='joomla_add_this'>
302 - <script type='text/javascript'>
303 - var addthis_product = 'jlp-2.0';
304 - var addthis_config = {
305 - pubid:'ra-4fd6f41d273ddc14',
306 - data_track_clickback:true,
307 - ui_language:'fr'
308 - }
309 - </script>
310 - <div class="addthis_toolbox addthis_default_style " addthis:url="http://www.360images.fr/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html" addthis:title="Cabine de pilotage d'une grue">
311 - <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
312 - <a class="addthis_button_tweet"></a>
313 - <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
314 - <a class="addthis_button_linkedin_counter"></a>
315 - <a class="addthis_counter addthis_pill_style"></a>
316 - </div>
317 - 
318 - </div>
319 -
320 - </div>
321 - </div>
322 - </td>
323 - <td align="left" valign="top">
324 - <div id="right"> <div class="moduletable">
325 - <h3>Visites Virtuelles</h3>
326 -
327 - <ul class="menu-vv">
328 - <li class="item-281"><a href="/non-categorise/carte-des-panoramas.html" >Carte des panoramas</a></li><li class="item-748"><a href="/visites-virtuelles/alsace/index.html" >Alsace</a></li><li class="item-749"><a href="/visites-virtuelles/paris/index.html" >Paris</a></li><li class="item-778"><a href="/visites-virtuelles/antilles/index.html" >Antilles</a></li><li class="item-808"><a href="/visites-virtuelles/70eme-anniversaire-du-debarquement/index.html" >70Ã¨me Anniversaire du DÃ©barquement</a></li><li class="item-180"><a href="/visites-virtuelles/le-voyage-a-nantes/index.html" >Le Voyage Ã Nantes</a></li><li class="item-177"><a href="/visites-virtuelles/aerien/index.html" >AÃ©rien</a></li><li class="item-153"><a href="/visites-virtuelles/actualite/index.html" >ActualitÃ©</a></li><li class="item-162"><a href="/visites-virtuelles/angers/index.html" >Angers</a></li><li class="item-167"><a href="/visites-virtuelles/bordeaux/index.html" >Bordeaux</a></li><li class="item-78"><a href="/visites-virtuelles/nantes/index.html" >Nantes</a></li><li class="item-58"><a href="/visites-virtuelles/accroche-coeurs/index.html" >Accroche Coeurs</a></li><li class="item-33"><a href="/visites-virtuelles/bretagne/index.html" >Bretagne</a></li><li class="item-178"><a href="/visites-virtuelles/clisson/index.html" >Clisson</a></li><li class="item-45"><a href="/visites-virtuelles/chateau-d-angers/index.html" >ChÃ¢teau d'Angers</a></li><li class="item-8"><a href="/visites-virtuelles/chateau-de-brissac/index.html" >ChÃ¢teau de Brissac</a></li><li class="item-44"><a href="/visites-virtuelles/haute-definition/index.html" >Haute dÃ©finition</a></li><li class="item-31"><a href="/visites-virtuelles/ile-de-behuard/index.html" >Ile de BÃ©huard</a></li><li class="item-10 current active"><a href="/visites-virtuelles/insolite/index.html" >Insolite</a></li><li class="item-55"><a href="/visites-virtuelles/montgolfiere/index.html" >MontgolfiÃ¨re</a></li><li class="item-15"><a href="/visites-virtuelles/montagne/index.html" >Montagne</a></li><li class="item-30"><a href="/visites-virtuelles/monuments/index.html" >Monuments</a></li><li class="item-57"><a href="/visites-virtuelles/museum-d-histoire-naturelle/index.html" >MusÃ©um d'Histoire naturelle</a></li><li class="item-9"><a href="/visites-virtuelles/parcs-jardins-nature/index.html" >Parcs - Jardins - Nature</a></li><li class="item-46"><a href="/visites-virtuelles/terra-botanica/index.html" >Terra Botanica</a></li><li class="item-38"><a href="/visites-virtuelles/vendee/index.html" >VendÃ©e</a></li><li class="item-47"><a href="/visites-virtuelles/venise/index.html" >Venise</a></li><li class="item-161"><a href="/visites-virtuelles/boutiques/index.html" >Boutiques</a></li><li class="item-168"><a href="/visites-virtuelles/saint-emilion/index.html" >Saint-Ã‰milion</a></li></ul>
329 - </div>
330 - <div class="moduletable">
331 -
332 - <div class="tagCloud">
333 -
334 -
335 - <a
336 - href="/brissac.html"
337 - rel="tag"
338 - style="font-size: 100%;"
339 - class="cedtag"
340 - title="6 articles en rapport avec brissac">
341 - brissac</a>
342 -
343 - <a
344 - href="/drone.html"
345 - rel="tag"
346 - style="font-size: 100%;"
347 - class="cedtag"
348 - title="6 articles en rapport avec drone">
349 - drone</a>
350 -
351 - <a
352 - href="/iphone.html"
353 - rel="tag"
354 - style="font-size: 100%;"
355 - class="cedtag"
356 - title="6 articles en rapport avec iphone">
357 - iphone</a>
358 -
359 - <a
360 - href="/accroches-coeurs.html"
361 - rel="tag"
362 - style="font-size: 100%;"
363 - class="cedtag"
364 - title="6 articles en rapport avec accroches coeurs">
365 - accroches coeurs</a>
366 -
367 - <a
368 - href="/unesco.html"
369 - rel="tag"
370 - style="font-size: 112.5%;"
371 - class="cedtag"
372 - title="7 articles en rapport avec unesco">
373 - unesco</a>
374 -
375 - <a
376 - href="/terra-botanica.html"
377 - rel="tag"
378 - style="font-size: 112.5%;"
379 - class="cedtag"
380 - title="7 articles en rapport avec terra botanica">
381 - terra botanica</a>
382 -
383 - <a
384 - href="/anjou.html"
385 - rel="tag"
386 - style="font-size: 112.5%;"
387 - class="cedtag"
388 - title="7 articles en rapport avec anjou">
389 - anjou</a>
390 -
391 - <a
392 - href="/vendee.html"
393 - rel="tag"
394 - style="font-size: 112.5%;"
395 - class="cedtag"
396 - title="7 articles en rapport avec vendÃ©e">
397 - vendÃ©e</a>
398 -
399 - <a
400 - href="/chateau.html"
401 - rel="tag"
402 - style="font-size: 125%;"
403 - class="cedtag"
404 - title="8 articles en rapport avec chateau">
405 - chateau</a>
406 -
407 - <a
408 - href="/venise.html"
409 - rel="tag"
410 - style="font-size: 125%;"
411 - class="cedtag"
412 - title="8 articles en rapport avec venise">
413 - venise</a>
414 -
415 - <a
416 - href="/accroche-coeurs.html"
417 - rel="tag"
418 - style="font-size: 125%;"
419 - class="cedtag"
420 - title="8 articles en rapport avec accroche coeurs">
421 - accroche coeurs</a>
422 -
423 - <a
424 - href="/jardin.html"
425 - rel="tag"
426 - style="font-size: 137.5%;"
427 - class="cedtag"
428 - title="9 articles en rapport avec jardin">
429 - jardin</a>
430 -
431 - <a
432 - href="/mer.html"
433 - rel="tag"
434 - style="font-size: 137.5%;"
435 - class="cedtag"
436 - title="9 articles en rapport avec mer">
437 - mer</a>
438 -
439 - <a
440 - href="/bretagne.html"
441 - rel="tag"
442 - style="font-size: 150%;"
443 - class="cedtag"
444 - title="10 articles en rapport avec bretagne">
445 - bretagne</a>
446 -
447 - <a
448 - href="/voyage-a-nantes.html"
449 - rel="tag"
450 - style="font-size: 150%;"
451 - class="cedtag"
452 - title="10 articles en rapport avec voyage a nantes">
453 - voyage a nantes</a>
454 -
455 - <a
456 - href="/monument.html"
457 - rel="tag"
458 - style="font-size: 162.5%;"
459 - class="cedtag"
460 - title="11 articles en rapport avec monument">
461 - monument</a>
462 -
463 - <a
464 - href="/parc.html"
465 - rel="tag"
466 - style="font-size: 162.5%;"
467 - class="cedtag"
468 - title="11 articles en rapport avec parc">
469 - parc</a>
470 -
471 - <a
472 - href="/nature.html"
473 - rel="tag"
474 - style="font-size: 175%;"
475 - class="cedtag"
476 - title="12 articles en rapport avec nature">
477 - nature</a>
478 -
479 - <a
480 - href="/ile.html"
481 - rel="tag"
482 - style="font-size: 175%;"
483 - class="cedtag"
484 - title="12 articles en rapport avec ile">
485 - ile</a>
486 -
487 - <a
488 - href="/aerien.html"
489 - rel="tag"
490 - style="font-size: 187.5%;"
491 - class="cedtag"
492 - title="14 articles en rapport avec aÃ©rien">
493 - aÃ©rien</a>
494 -
495 - <a
496 - href="/pano-reportage.html"
497 - rel="tag"
498 - style="font-size: 200%;"
499 - class="cedtag"
500 - title="17 articles en rapport avec pano reportage">
501 - pano reportage</a>
502 -
503 - <a
504 - href="/festival.html"
505 - rel="tag"
506 - style="font-size: 212.5%;"
507 - class="cedtag"
508 - title="18 articles en rapport avec festival">
509 - festival</a>
510 -
511 - <a
512 - href="/patrimoine.html"
513 - rel="tag"
514 - style="font-size: 225%;"
515 - class="cedtag"
516 - title="20 articles en rapport avec patrimoine">
517 - patrimoine</a>
518 -
519 - <a
520 - href="/nantes.html"
521 - rel="tag"
522 - style="font-size: 237.5%;"
523 - class="cedtag"
524 - title="33 articles en rapport avec nantes">
525 - nantes</a>
526 -
527 - <a
528 - href="/angers.html"
529 - rel="tag"
530 - style="font-size: 250%;"
531 - class="cedtag"
532 - title="62 articles en rapport avec angers">
533 - angers</a>
534 -
535 -
536 - </div>
537 - </div>
538 - </div></td>
539 - </tr>
540 - </table>
541 -
542 - <div id="bot"> <div class="moduletable">
543 -
544 -
545 - <div class="custom" >
546 - <div class="call_us">
547 - <p>
548 - <img border="0" alt="Appelez-nous" src="/images/call-us.png">
549 - </p>
550 - <p class="text-larger">
551 - Envoyez-nous un
552 - <a href="#">email</a>
553 - ou contactez-nous au
554 - <a href="#">06.62.66.74.75</a>
555 - </p>
556 - </div></div>
557 - </div>
558 - <div class="moduletable">
559 -
560 -
561 - <div class="custom" >
562 - <table style="width: 100%;" align="center" border="0" cellspacing="0">
563 - <tbody>
564 - <tr>
565 - <td align="center"><span class="petittitre"><h2><span class="titre1">Panoramas</span> 360Â°</h2></span><br /><a href="/articles/solutions/visite-virtuelle.html"><img class="reflect" alt="360" src="/images/stories/spotlight/360_spotlight.jpg" width="150" height="79" /></a></td>
566 - <td align="center"><span class="petittitre"><h2><span class="titre1">MÃ©dias</span> Interactifs</h2></span><br /><a href="/articles/solutions/medias-interactifs.html"><img class="reflect" alt="richmedia" src="/images/stories/spotlight/richmedia_spotlight.jpg" width="150" height="79" /></a></td>
567 - <td align="center"><span class="petittitre"><h2><span class="titre1">Giga</span> Pixel</h2></span><br /><a href="/articles/solutions/gigapixel.html"><img class="reflect" alt="gigapixel" src="/images/stories/spotlight/gigapixel_spotlight.jpg" width="150" height="79" /></a></td>
568 - <td align="center"><span class="petittitre"><h2><span class="titre1">Iphone</span> Ipad</h2></span><br /><a href="/articles/solutions/iphone-ipad.html"><img class="reflect" alt="ipad_iphone" src="/images/stories/spotlight/ipad_iphone_spotlight.jpg" width="107" height="79" /></a></td>
569 - <td align="center"><span class="petittitre"><h2><span class="titre1">Petits</span> Mondes</h2></span><br /><a href="/petits-mondes.html"><img class="reflect" alt="petitsmondes" src="/images/stories/spotlight/petitsmondes_spotlight.jpg" width="150" height="79" /></a></td>
570 - </tr>
571 - </tbody>
572 - </table></div>
573 - </div>
574 - </div>
575 - </div>
576 - </td></tr>
577 - <tr><td align="center">
578 - <div id="call-to-action"><div class="container"><span id="down-arrow"></span></div></div>
579 -
580 - <div id="footer">
581 - <div class="right-shadow">
582 - <div class="left-shadow">
583 - <div id="footer-top">
584 - <div class="container">
585 - <div id="footer-widgets" class="clearfix">
586 - <div id="user1"> <div class="moduletable">
587 -
588 -
589 - <div class="custom" >
590 - <h2 align="center"><span class="petittitre">Nos 360 sont <span class="titre1">compatibles</span></span></h2>
591 - <table width="100%" border="0" cellspacing="10">
592 - <tr>
593 - <td align="center"><img src="/images/icons/mac.png"/></td>
594 - <td align="center"><img src="/images/icons/iphone.png"/></td>
595 - <td align="center"><img src="/images/icons/ipad.png"/></td>
596 - </tr>
597 - <tr>
598 - <td align="center">PC / MAC</td>
599 - <td align="center">IPHONE</td>
600 - <td align="center">IPAD</td>
601 - </tr>
602 - </table>
603 - </div>
604 - </div>
605 - <div class="moduletable">
606 - <script type='text/javascript'>
607 - window.addEventListener('load', function (){
608 - if(typeof addthis_conf == 'undefined'){
609 - var script = document.createElement('script');
610 - script.src = 'http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fd6f41d273ddc14';
611 - script.onload = function() { addthis_smart_layers(); }
612 - document.getElementsByTagName('head')[0].appendChild(script);
613 - var addthis_product = 'jsl-1.0';
614 - } else{
615 - addthis_smart_layers();
616 - }
617 - });
618 - </script>
619 - 
620 - <script type='text/javascript'>
621 - function addthis_smart_layers(){
622 - addthis.layers({
623 - 'theme' : 'transparent'
624 - ,'share' : {
625 - 'position' : 'left',
626 - 'numPreferredServices' : 6
627 - }
628 - ,'follow' : {
629 - 'services' : [
630 - {'service': 'facebook', 'id': '360images'},
631 - {'service': 'twitter', 'id': '360imagesFR'},
632 - {'service': 'linkedin', 'id': '2846351?trk=tyah&trkInfo=tarId%3A1400081923562%2Ctas%3A360images%2Cidx%3A1-1-1', 'usertype':'company'},
633 - {'service': 'google_follow', 'id': '115175341020725746637'},
634 - {'service': 'flickr', 'id': 'legrosjeje'},
635 - {'service': 'vimeo', 'id': 'user8603601'},
636 - {'service': 'rss', 'id': '/index.php?option=com_ninjarsssyndicator&feed_id=1&format=raw'},
637 - ]
638 - }
639 - });
640 - };//onload function
641 - </script>
642 - 
643 - </div>
644 - </div><div id="user2"> <div class="moduletable">
645 - <h3>Nouvelles PlanÃ¨tes</h3>
646 - <script type="text/javascript">
647 - jQuery(document).ready(function(){
648 - jQuery(".gallery-flickr-150").flickr({
649 - api_key: "a41a2c10bc5740613ee4fbd1c0611e67",
650 - thumb_size: 'sq',
651 - size: 'b',
652 - per_page: 4,
653 - randomise: 'false',
654 - type: 'photoset',
655 - sort: 'date-posted-asc',
656 - photoset_id: '72157622664504579',
657 - module_id: '150',
658 - zoom_class: 'flickrZoom150',
659 - callback: fancyboxCallback
660 - });
661 - function fancyboxCallback(){
662 - jQuery("a[rel='flickrZoom150']").fancybox({
663 - zoomOpacity: false,
664 - padding: 5,
665 - overlayOpacity: 0.6,
666 - 'overlayShow' : true,
667 - 'zoomSpeedIn' : 600,
668 - 'zoomSpeedOut' : 500,
669 - 'easingIn' : 'easeOutBack',
670 - 'easingOut' : 'easeInBack',
671 - 'hideOnContentClick' : false
672 -
673 - });
674 - }
675 - });
676 - </script>
677 - 
678 - <div class="gallery-flickr gallery-flickr-150"> </div>
679 - <div class="clearfix"></div>
680 - 
681 - </div>
682 - </div>
683 - <div id="user3"> <div class="moduletable">
684 - <h3>Contact</h3>
685 -
686 -
687 - <div class="custom" >
688 - <p style="text-align: center;"><strong><br />Jerome BOCCON-GIBOD</strong></p>
689 - <p style="text-align: center;"><strong>06.62.66.74.75</strong></p>
690 - <p style="text-align: center;"><a href="mailto:jerome@360images.fr">jerome@360images.fr</a></p></div>
691 - </div>
692 - </div></div>
693 - <div id="footer-bottom" class="clearfix">
694 - <div id="footericon"> <div class="moduletable-flickr">
695 -
696 -
697 - <div class="custom-flickr" >
698 - <a target="_blank" href="http://www.flickr.com/photos/legrosjeje/" title="Mes photos sur Flickr"><img style="margin-right: 10px; float: left;" alt="flickr_logo" src="/images/stories/flickr_logo.png" width="46" height="20" /> </a></div>
699 - </div>
700 - <div class="moduletable-rss">
701 -
702 -
703 - <div class="custom-rss" >
704 - <a target="_blank" href="http://www.360images.fr/component/com_ninjarsssyndicator/feed_id,1/format,raw/"><img style="margin-right: 10px; float: left;" alt="rss" title="Derniers panoramas 360Â°" src="/images/stories/rss.gif" width="44" height="16" /></a></div>
705 - </div>
706 - <div class="moduletable-facefan">
707 -
708 -
709 - <div class="custom-facefan" >
710 - <fb:like href="https://www.facebook.com/360images" layout="button_count" show_faces="true" width="160" font="verdana"></fb:like></div>
711 - </div>
712 - <div class="moduletable">
713 -
714 -
715 - <div class="custom" >
716 - <a href="https://plus.google.com/115175341020725746637?rel=author" style="text-decoration:none;float:left;margin-right:10px:" target="_blank"><img src="https://ssl.gstatic.com/images/icons/gplus-16.png" alt="" style="border:0;width:16px;height:16px;"/> Google +</a></div>
717 - </div>
718 - </div>
719 - <div id="footerbotmenu"> <div class="moduletable">
720 -
721 - <ul class="menuhorizontal_menu">
722 - <li class="item-236"><a href="/contact.html" >Contact</a></li><li class="item-266"><a href="/plan-du-site.html" >Plan du site</a></li><li class="item-280"><a href="/non-categorise/carte-des-panoramas.html" >Carte des panoramas</a></li><li class="item-56"><a href="http://www.venise360.com" target="_blank" >Venise360.com</a></li></ul>
723 - </div>
724 - <div class="moduletable-hide">
725 -
726 -
727 - <div class="custom-hide" >
728 - 01 Ain - Bourg-en-Bresse - Belley, Gex, Nantua RhÃ´ne-Alpes
729 - 02 Aisne - Laon - ChÃ¢teau-Thierry, Saint-Quentin, Soissons, Vervins Picardie - Ville Haute de Laon
730 - 03 Allier - Moulins - MontluÃ§on, Vichy Auvergne
731 - 04 Alpes de Hautes-Provence - Digne - Barcelonnette, Castellane, Forcalquier Provence-Alpes-CÃ´te d'Azur
732 - 05 Hautes-Alpes - Gap - BrianÃ§on Provence-Alpes-CÃ´te d'Azur
733 - 06 Alpes-Maritimes - Nice - Grasse Provence-Alpes-CÃ´te d'Azur
734 - 07 ArdÃ¨che - Privas - LargentiÃ¨re, Tournon-sur-RhÃ´ne RhÃ´ne-Alpes
735 - 08 Ardennes - Charleville-MÃ©ziÃ¨res - Rethel, Sedan, Vouziers Champagne-Ardenne
736 - 09 AriÃ¨ge - Foix - Pamiers, Saint-Girons Midi-PyrÃ©nÃ©es
737 - 10 Aube - Troyes - Bar-sur-Aube, Nogent-sur-Seine Champagne-Ardenne
738 - 11 Aude - Carcassonne - Limoux, Narbonne Languedoc-Roussillon - CitÃ© de Carcassonne
739 - 12 Aveyron - Rodez - Millau, Villefranche-de-Rouergue Midi-PyrÃ©nÃ©es - Le Trou de Bozouls
740 - 13 Bouches-du-RhÃ´ne - Marseille - Aix-en-Provence, Arles, Istres Provence-Alpes-CÃ´te d'Azur - Notre Dame de la Garde
741 - 14 Calvados - Caen - Bayeux, Lisieux, Vire Basse-Normandie
742 - 15 Cantal - Mauriac - Mauriac, Saint-Flour Auvergne
743 - 16 Charente - AngoulÃªme - Cognac, Confolens Poitou-Charentes
744 - 17 Charente-Maritime - La Rochelle - Jonzac, Rochefort, Saintes, Saint-Jean-d'AngÃ©ly Poitou-Charentes
745 - 18 Cher - Bourges - Saint-Amand-Montrond, Vierzon Centre
746 - 19 CorrÃ¨ze - Tulle - Brive-la-Gaillarde, Ussel Limousin
747 - 2A Corse-du-Sud - Ajaccio - SartÃ¨ne Corse
748 - 2B Haute-Corse - Bastia - Calvi, Corte Corse
749 - 21 CÃ´te-d'Or - Dijon - Beaune, Montbard Bourgogne
750 - 22 CÃ´tes-d'Armor - Saint-Brieuc - Dinan, Guingamp, Lannion Bretagne
751 - 23 Creuse - GuÃ©ret - Aubusson Limousin
752 - 24 Dordogne - PÃ©rigueux - Bergerac, Nontron, Sarlat-la-CanÃ©da Aquitaine
753 - 25 Doubs - BesanÃ§on - MontbÃ©liard, Pontarlier Franche-ComtÃ©
754 - 26 DrÃ´me - Valence - Die, Nyons RhÃ´ne-Alpes
755 - 27 Eure - Evreux - Les Andelys, Bernay Haute-Normandie
756 - 28 Eure-et-Loir - Chartres - ChÃ¢teaudun, Dreux, Nogent-le-Rotrou Centre
757 - 29 FinistÃ¨re - Quimper - Brest, ChÃ¢teaulin, Morlaix Bretagne
758 - 30 Gard - NÃ®mes - AlÃ¨s, Le Vigan Languedoc-Roussillon
759 - 31 Haute-Garonne - Toulouse - Muret, Saint-Gaudens Midi-PyrÃ©nÃ©es
760 - 32 Gers - Auch - Condom, Mirande Midi-PyrÃ©nÃ©es
761 - 33 Gironde - Bordeaux - Arcachon, Blaye, Langon, Lesparre-MÃ©doc, Libourne Aquitaine
762 - 34 HÃ©rault - Montpellier - BÃ©ziers, LodÃ¨ve Languedoc-Roussillon
763 - 35 Ille-et-Vilaine - Rennes - FougÃ¨res, Redon, Saint-Malo Bretagne
764 - 36 Indre - ChÃ¢teauroux - Le Blanc, La ChÃ¢tre, Issoudun Centre
765 - 37 Indre-et-Loire - Tours - Chinon, Loches Centre
766 - 38 IsÃ¨re - Grenoble - La Tour-du-Pin, Vienne RhÃ´ne-Alpes
767 - 39 Jura - Lons-le-Saunier - Dole, Saint-Claude Franche-ComtÃ©
768 - 40 Landes - Mont de Marsan - Dax Aquitaine
769 - 41 Loir-et-Cher - Blois - Romorantin-Lanthenay, VendÃ´me Centre
770 - 42 Loire - Saint-Etienne - Montbrison, Roanne RhÃ´ne-Alpes
771 - 43 Haute-Loire - Le Puy-en-Vellay - Brioude, Yssingeaux Auvergne
772 - 44 Loire-Atlantique - Nantes - Ancenis, ChÃ¢teaubriant, Saint-Nazaire Pays de la Loire
773 - 45 Loiret - OrlÃ©ans - Montargis, Pithiviers Centre
774 - 46 Lot - Cahors - Figeac, Gourdon Midi-PyrÃ©nÃ©es
775 - 47 Lot-et-Garonne - Agen - Marmande, NÃ©rac, Villeneuve-sur-Lot Aquitaine
776 - 48 LozÃ¨re - Mende - Florac Languedoc-Roussillon
777 - 49 Maine-et-Loire - Angers - Cholet, Saumur, SegrÃ© Pays de la Loire
778 - 50 Manche - Saint-LÃ´ - Avranches, Cherbourg-Octeville, Coutances Basse-Normandie - Mont-Saint-Michel
779 - 51 Marne - ChÃ¢lons-en-Champagne - Epernay, Reims , Sainte-Menehould, Vitry-le-FranÃ§ois Champagne-Ardenne
780 - 52 Haute-Marne - Chaumont - Langres, Saint-Dizier Champagne-Ardenne
781 - 53 Mayenne - Laval - ChÃ¢teau-Gontier, Mayenne Pays de la Loire
782 - 54 Meurthe-et-Moselle - Nancy - Briey, LunÃ©ville, Toul Lorraine
783 - 55 Meuse - Bar-le-Duc - Commercy, Verdun Lorraine - La Voie SacrÃ©e
784 - 56 Morbihan - Vannes - Lorient, Pontivy Bretagne
785 - 57 Moselle - Metz - Boulay-Moselle, ChÃ¢teau-Salins, Forbach, Sarrebourg, Sarreguemines, Thionville Lorraine
786 - 58 NiÃ¨vre - Nevers - ChÃ¢teau-Chinon, Clamecy, Cosne-Cours-sur-Loire Bourgogne
787 - 59 Nord - Lille - Avesnes-sur-Helpe, Cambrai, Douai, Dunkerque, Valenciennes Nord-Pas-de-Calais
788 - 60 Oise - Beauvais - Clermont, CompiÃ¨gne, Senlis Picardie
789 - 61 Orne - AlenÃ§on - Argentan, Mortagne-au-Perche Basse-Normandie
790 - 62 Pas-de-Calais - Arras - BÃ©thune, Boulogne-sur-Mer, Calais, Lens, Montreuil-sur-Mer, Saint-Omer Nord-Pas-de-Calais
791 - 63 Puy-de-DÃ´me - Clermont-Ferrand - Ambert, Issoire, Riom, Thiers Auvergne - Plateau de Gergovie
792 - 64 PyrÃ©nÃ©es-Atlantiques - Pau - Bayonne, Oloron-Sainte-Marie Aquitaine
793 - 65 Hautes-PyrÃ©nÃ©es - Tarbes - ArgelÃ¨s-Gazost, BagnÃ¨res-de-Bigorre Midi-PyrÃ©nÃ©es
794 - 66 PyrÃ©nÃ©es-Orientales - Perpignan - CÃ©ret, Prades Languedoc-Roussillon - Palais des Rois de Majorque
795 - 67 Bas-Rhin - Strasbourg - Haguenau, Molsheim, Saverne, SÃ©lestat Wissembourg Alsace
796 - 68 Haut-Rhin - Colmar - Altkirch, Guebwiller, Mulhouse, RibeauvillÃ©, Thann Alsace
797 - 69 RhÃ´ne - Lyon - Villefranche-sur-SaÃ´ne RhÃ´ne-Alpes
798 - 70 Haute-SaÃ´ne - Vesoul - Lure Franche-ComtÃ©
799 - 71 SaÃ´ne-et-Loire - MÃ¢con - Autun, Chalon-sur-SaÃ´ne, Charolles, Louhans Bourgogne
800 - 72 Sarthe - Le Mans - La FlÃ¨che, Mamers Pays de la Loire
801 - 73 Savoie - ChambÃ©ry - Albertville, Saint-Jean-de-Maurienne RhÃ´ne-Alpes - Le Mont Blanc
802 - 74 Haute-Savoie - Annecy - Bonneville, Saint-Julien-en-Genevois, Thonon-les-Bains RhÃ´ne-Alpes
803 - 75 Seine, Paris - Paris Ile-de-France - Tour Eiffel
804 - 76 Seine-Maritime - Rouen - Dieppe, Le Havre Haute-Normandie - CathÃ©drale de Rouen
805 - 77 Seine-et-Marne - Melun - Fontainebleau, Meaux, Provins, Torcy Ile-de-France - CitÃ© MÃ©diÃ©vale de Provins
806 - 78 Yvelines - Versailles - Mantes-la-Jolie, Rambouillet, Saint-Germain-en-Laye Ile-de-France - ChÃ¢teau de Versailles
807 - 79 Deux-SÃ¨vres - Niort - Bressuire, Parthenay Poitou-Charentes
808 - 80 Somme - Amiens - Abbeville, Montdidier, PÃ©ronne Picardie
809 - 81 Tarn - Albi - Castres Midi-PyrÃ©nÃ©es - CathÃ©drale Sainte CÃ©cile
810 - 82 Tarn-et-Garonne - Montauban - Castelsarrasin Midi-PyrÃ©nÃ©es
811 - 83 Var - Toulon - Brignoles, Draguignan Provence-Alpes-CÃ´te d'Azur
812 - 84 Vaucluse - Avignon - Apt, Carpentras Provence-Alpes-CÃ´te d'Azur
813 - 85 VendÃ©e - La Roche-sur-Yon - Fontenay-le-Comte, Les Sables-d'Olonne Pays de la Loire
814 - 86 Vienne - Poitiers - ChÃ¢tellerault, Montmorillon Poitou-Charentes
815 - 87 Haute-Vienne - Limoges - Bellac, Rochechouart Limousin
816 - 88 Vosges - Epinal - NeufchÃ¢teau, Saint-DiÃ©-des-Vosges Lorraine - Lac de GÃ©rardmer
817 - 89 Yonne - Auxerre - Avallon, Sens Bourgogne - Basilique de VÃ©zelay
818 - 90 Territoire de Belfort - Belfort Franche-ComtÃ© - Le Lion de Belfort
819 - 91 Essonne - Evry - Ã‰tampes, Palaiseau Ile-de-France
820 - 92 Hauts-de-Seine - Nanterre - Antony, Boulogne-Billancourt Ile-de-France
821 - 93 Seine-Saint-Denis - Bobigny - Le Raincy, Saint-Denis Ile-de-France
822 - 94 Val-de-Marne - CrÃ©teil - L'HaÃ¿-les-Roses, Nogent-sur-Marne Ile-de-France
823 - 95 Val-d'Oise - Pontoise - Argenteuil, Montmorency, Sarcelles Ile-de-France
824 - 971 Guadeloupe - Pointe-Ã -PÃ®tre - Marigot DÃ©partement d'Outre Mer
825 - 972 Martinique - Fort de France - Le Lamentin, Le Marin, Saint-Pierre, La TrinitÃ© DÃ©partement d'Outre Mer
826 - 973 Guyane FranÃ§aise - Cayenne - Saint-Laurent-du-Maroni DÃ©partement d'Outre Mer
827 - 974 La RÃ©union - Saint-Denis - Saint-BenoÃ®t, Saint-Paul, Saint-Pierre DÃ©partement d'Outre Mer</div>
828 - </div>
829 - </div>
830 - </div>
831 - </div>
832 - </div>
833 - </div>
834 - </div>
835 - </div>
836 - </td></tr></table>
837 -
838 - </body>
839 - </html>

par demeter1 Ven 27 Juin 2014 - 15:46

Pas besoin du code source, il suffit juste de récupérer le lien de l'animation et de le mettre dans une balise iframe.

Code:: <iframe style="width: 1400px; height: 600px;" frameborder="yes" scrolling="no" src="http://www.360images.fr/360/grue/cabine.html?ml=1" name="Grue"></iframe>

width : largeur
height : hauteur
frameborder : bordure visible ou non. Mettre no si vous n'en voulez pas
scrolling : scroll automatique. Mettre yes si vous souhaitez activer le scroll.

Nota :
1 l'animation est sous copyright donc, il serait préférable de demander l'autorisation à son auteur avant de la diffuser.
2 le code peut être utilisé aussi bien dans un message, dans les généralités ou dans les templates. Tout dépend de ce que vous souhaitez en faire.

par Le Roy arthur Ven 27 Juin 2014 - 17:11

Merci beaucoup demeter1 pour ces précieuses informations...

En ce qui concerne le copyright, ma réflexion est la suivante :
_ Je ne revendique absolument pas la propriété de ces animations, bien au contraire.
_ Je ne les utilise pas à des fins commerciales et sur leur site d'origine elles sont déjà libre d'accès.
_ Physiquement elles sont toujours sur les serveurs de leur propriétaire où de son hébergeur et à tout moment il a la possibilité de les retirer où de les détruire, en tout état de cause d'en jouir pleinement.
_ L'adresse du site desquelles elles proviennent figure distinctement dessus, parfois même le nom du photographe, et en fonction de la qualité de son travail je pensais que ça pourrait même lui faire, au pire des cas, un peu de publicité...

Maintenant, j'ai encore une dernière petite question à vous exposer demeter1.
Les miniatures fonctionnent parfaitement avec le code HTML que vous m'avez fournit en revanche le mode "plein écran", si précieux pour les apprécier dans des conditions optimales, ne fonctionne plus.

Sur l'animation en question, l'icone spécialement dédiée semble désactivée.

Sur une autre animation provenant d'un autre site, lorsque je clique sur l'icone spécialement dédiée, c'est la page du forum qui se met en mode "plein écran", pas la miniature...

Auriez-vous donc un autre code HTML a greffer sur celui existant et qui permettrait d'activé le mode "plein écran" comme sur les sites d'origine ?

D'autre part, mais ceci est accessoire, le scrolling fonctionne en permanence même quand on met no. Quant au frameborder il est inexistant même lorsqu'on met yes. Mais bon, ça ne semble pas avoir d'incidence sur le bon fonctionnement de l'animation !!!

Par avance, merci pour vos lumières demeter1 où autre intervenant Wink

par demeter1 Ven 27 Juin 2014 - 18:01

Le Roy arthur a écrit:

Maintenant, j'ai encore une dernière petite question à vous exposer demeter1.
Les miniatures fonctionnent parfaitement avec le code HTML que vous m'avez fournit en revanche le mode "plein écran", si précieux pour les apprécier dans des conditions optimales, ne fonctionne plus.

Sur l'animation en question, l'icone spécialement dédiée semble désactivée.

Pour le mode plein écran , vous avez plusieurs possibilités
1 le lien hypertexte . Il faudra faire une capture d'écran de l'animation est en faire une miniature.

Code:: <a href="Lien de l'animation"> <img src="Lien de la miniature" alt="nom de la miniature" /> </a>

au clic , le membre sera redirigé vers l'animation

2 la fenêtre modale
un exemple en image :
https://i.servimg.com/u/f43/11/93/85/24/sans_t13.png
au clic sur la miniature, une fenêtre supplémentaire s'ouvre au dessus du forum et affiche le contenu

3 le pop up
Même fonctionnement que la proposition 2

Le Roy arthur a écrit:D'autre part, mais ceci est accessoire, le scrolling fonctionne en permanence même quand on met no. Quant au frameborder il est inexistant même lorsqu'on met yes. Mais bon, ça ne semble pas avoir d'incidence sur le bon fonctionnement de l'animation !!!

Il me faudrait votre code modifié pour voir ce qui cloche.

par Le Roy arthur Ven 27 Juin 2014 - 20:50

Merci demeter1,

En fait je dois avouer que je n'ai pas compris toutes les manipulations que vous m'indiquez...

Concernant la première possibilité, le lien hypertexte, si j'ai bien compris la miniature est fixe et fait office de bouton qui renvoi au mode plein écran ? Si c'est bien ça, ce n'est pas tout à fait l'effet que je souhaite appliqué sur mon forum.

Concernant la seconde possibilité, la fenêtre modale, je ne vois pas le code HTML correspondant.

Concernant la troisième possibilité, le pop-up, là non-plus je ne vois pas le code HTML correspondant.

En fait ce qui m’intéresserait, c'est simplement de restaurer la fonction de la touche préexistante "plein écran" pour que l'animation s'ouvre instantanément sur tout l'écran, comme sur le site d'origine.

Pour que vous vous fassiez une idée plus précise, je me permets de vous renvoyez à deux pages de mon forum.
Voici la première qui est pleinement aboutie :
http://virtuellementvotre.forumactif.org/t2-france-rhone-alpes-haute-savoie-74-bonneville-la-maison-du-fromage
La miniature est parfaitement fonctionnelle et vous constatez que si vous cliquez sur le petit bouton en haut à droite, vous basculez en mode plein écran sans la moindre difficulté. Pour information il s'agit d'un code HTML Google Map où la fonction est déjà intégrée...

Et voici la seconde qui est plus une page test :
http://virtuellementvotre.forumactif.org/t8-france-corse-bastia-ajaccio-calvi-bonifacio-survol-de-26-ports-corses
Elle est composée en partie (pour les deux dernières miniatures...) avec le code que vous m'avez fournit.
Sur celle de la grue, vous constatez que le bouton "plein écran" est bien présent mais pas fonctionnel.
Pour la grue, voici le site d'origine et fonctionnel :
http://www.360images.fr/visites-virtuelles/insolite/cabine-de-pilotage-d-une-grue.html
Sur celle de la Corse, juste au dessus, le bouton "plein écran" a complètement disparu. Pour comparaison si vous vous reportez à la toute première miniature de la Corse obtenu avec un code trouvé sur Internet, le bouton "plein écran" est présent. Mais si vous cliquez dessus, vous constaterez que c'est la page du forum qui se met en plein écran, pas la miniature hélas...
Pour la Corse voici le site d'origine et fonctionnel :
http://www.ventdautan.fr/spheric360/corsica/index.html

Quant au scrolling et au frameborder, je ne vais pas vous embêter avec ça. A priori ça n'empêche pas les miniatures de fonctionner correctement.

Encore une fois, merci pour votre patience demeter1 !!!

par Le Roy arthur Ven 27 Juin 2014 - 21:26

Eurêka j'ai trouvé !!! En fait, en trifouillant un peu tout j'ai rajouté dans le code que vous m'avez donné allowFullScreen="true" et ça semble parfaitement fonctionner !!! Affaire à suivre et en tout état de cause, merci à vous demeter1 !!!

par demeter1 Ven 27 Juin 2014 - 22:24

Pour la fenêtre modale et le popup, je n'ai pas mis les codes. Techniquement, en passant par ces méthodes, il faut intégrer du javascript , rajouter du css et du html . Ne sachant quelle méthode vous auriez souhaité, j'ai préféré m'abstenir de vous embrouiller avec des détails techniques dont vous n'auriez pas eu besoin . J'ai rajouté une capture d'écran sur le point 2 qui vous donne un aperçu de l'action du script. Pour le point 3, le résultat aurait été identique .

Finalement, vous avez fini par trouver une méthode qui vous convient; c'est l'essentiel.

par Le Roy arthur Ven 27 Juin 2014 - 22:28

Je reviens de nouveau à la charge... désolé !!!

En effet, j'ai deux nouvelles questions...

Mon bidouillage fonctionne à merveille sous Google Chrome en revanche, le mode "plein écran" avec la grue ne fonctionne pas sous Firefox. Celui de la Corse oui, même si le chargement est beaucoup plus long que sous Chrome, mais celui de la grue, définitivement non... Je pense qu'il y a un problème au niveau du navigateur Firefox, peut-être quelques paramètres à modifier ? Sauriez-vous y remédier ?

Ensuite, une question toute bête à l'attention de demeter1 : comment avez-vous déniché le lien de l'animation de la grue ? Celui-ci : http://www.360images.fr/360/grue/cabine.html?ml=1 ? Il ne figure nulle part, ni sur le site ni dans les codes source ? Et comment avez vous généré le code iframe ? Il n'y a pas que les balises, il y a aussi un minimum de contenu à l'intérieur de celles-ci ?

Par avance merci !!!

par Le Roy arthur Sam 28 Juin 2014 - 15:30

Bonjour à toutes et à tous,

Je reviens aux nouvelles concernant mon problème de mode "plein écran" concernant les visites virtuelles avec le navigateur Firefox...
Pour plus d'information veuillez vous reporter à mon message précédent Wink

Par avance merci pour vos lumière !!!

par Le Roy arthur Dim 29 Juin 2014 - 15:14

Toujours pas de nouvelles concernant ma question ?

par demeter1 Lun 30 Juin 2014 - 13:06

Le Roy arthur a écrit:Je reviens de nouveau à la charge... désolé !!!

En effet, j'ai deux nouvelles questions...

Mon bidouillage fonctionne à merveille sous Google Chrome en revanche, le mode "plein écran" avec la grue ne fonctionne pas sous Firefox. Celui de la Corse oui, même si le chargement est beaucoup plus long que sous Chrome, mais celui de la grue, définitivement non... Je pense qu'il y a un problème au niveau du navigateur Firefox, peut-être quelques paramètres à modifier ? Sauriez-vous y remédier ?

Le soucis doit provenir de l'animation qui contient déjà un mode plein écran. Si vous regardez en bas, la barre de navigation a un bouton à droite qui permet ce mode.

Le Roy arthur a écrit:Ensuite, une question toute bête à l'attention de demeter1 : comment avez-vous déniché le lien de l'animation de la grue ? Celui-ci : http://www.360images.fr/360/grue/cabine.html?ml=1 ? Il ne figure nulle part, ni sur le site ni dans les codes source ? Et comment avez vous généré le code iframe ? Il n'y a pas que les balises, il y a aussi un minimum de contenu à l'intérieur de celles-ci ?

Par avance merci !!!

J'ai juste utilisé les outils du navigateur en faisant un clic droit sur l'animation puis sur ouvrir.

L'iframe en elle même est juste un code de base qui est utilisé en html pour compresser une page. On aurait pu également utiliser la balise object

Récupérer un code HTML dans une page de code source HTML

Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML

Re: Récupérer un code HTML dans une page de code source HTML