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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Le Roy arthur le 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 !!!


Dernière édition par Le Roy arthur le Mar 1 Juil 2014 - 18:02, édité 2 fois

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par Le Roy arthur le 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 - <!--[if lte IE 6]>
53 - <link rel="stylesheet" href="/templates/360/css/templateie6.css" type="text/css" /><![endif]-->
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('http://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 - <!-- Google Analytics Universal snippet -->
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><!-- sh404SEF social buttons css -->
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 - <!-- sh404SEF social buttons css --><script type='text/javascript'>var _sh404SEF_live_site = 'http://www.360images.fr/';</script></head>
160 - <body>
161 - <!-- Facebook SDK -->
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 = 'http://connect.facebook.net/fr_FR/all.js';
170 - d.getElementsByTagName('head')[0].appendChild(js);
171 - }(document));
172 -
173 - </script>
174 - <!-- End Facebook SDK -->
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 &amp; 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 &amp; 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'><!-- AddThis Button BEGIN -->
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 - <!-- AddThis Button END -->
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 - <!-- AddThis Smart Layers BEGIN -->
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 - <!-- AddThis Smart Layers ENDS -->
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 - <!-- Start Joomla Bamboo jFlickr -->
678 - <div class="gallery-flickr gallery-flickr-150">&nbsp;</div>
679 - <div class="clearfix"></div>
680 - <!-- End Joomla Bamboo jFlickr -->
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="http://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>

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par demeter1 le 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.


demeter1
+ Hyperactif +

Masculin
Messages : 8223
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

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

Message par Le Roy arthur le 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 


Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par demeter1 le 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://i43.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.

demeter1
+ Hyperactif +

Masculin
Messages : 8223
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

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

Message par Le Roy arthur le 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 !!!

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par Le Roy arthur le 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 !!!

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par demeter1 le 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.




demeter1
+ Hyperactif +

Masculin
Messages : 8223
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

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

Message par Le Roy arthur le 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 !!!

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par Le Roy arthur le 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 !!!

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

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

Toujours pas de nouvelles concernant ma question ?

Le Roy arthur
****

Messages : 310
Inscrit(e) le : 26/06/2014

http://www.coeur-bretagne.forumactif.org/
Le Roy arthur a été remercié(e) par l'auteur de ce sujet.

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

Message par demeter1 le 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

demeter1
+ Hyperactif +

Masculin
Messages : 8223
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum