Imprimer Interactive image tests </p> <p><a title="interactive image " href="https://interactive-img.com/view?id=57341" target="_blank" rel="noopener">https://interactive-img.com/view?id=57341</a></p> </div> </div> <script type="text/javascript"> //<!-- $(document).ready(function() { // Open PDF in new window (Internet Explorer hack) $('#articles_show_contenu_article a').click(function() { var url = $(this).attr('href'); if(url.match(/.pdf(\?(.*))?$/)) { window.open(url); return false; } }); }); //--> </script> <script type="text/javascript" src="/resources/js/blog/like.1518432416.js"></script> <script type="text/javascript" src="/resources/js/blog/comments.1518432416.js"></script> <br/><br/> <div class="articles_show_stats_article" data-name="article-13206977"> <span class="articles_show_stats_date"><strong>05/03/2024</strong></span> <span class="articles_show_stats_separator"></span> <span class="articles_show_stats_hits"></span> <hr class="responsive-only-separator" /> <span class="articles_share_phone_tablet visible-phone visible-tablet"> <button type="button" class="responsive-action-button share-tools-toggle" date-article-id="13206977"><span class="icon-share"></span></button> <script type="text/javascript"> $(document).ready(function() { $('.share-tools-toggle').click(function() { $('#share-tools[data-article-id="13206977"]').toggle(); return false; }); }); </script> </span> <span class="articles_show_stats_likes hidden-phone hidden-tablet"> <span class="total-likes"><i class="icon-thumbs-up"></i> <strong>0</strong></span> <a href="#" class="like" data-content-type="article" data-content-id="13206977" data-action="like">J'aime</a> </span> <span class="articles_show_stats_likes visible-phone visible-tablet"> <button type="button" class="like responsive-action-button visible-phone visible-tablet btn-like" data-content-type="article" data-content-id="13206977" data-action="like"><span class="total-likes"><i class="icon-thumbs-up"></i> <strong>0</strong></span></button> </span> <span class="articles_show_stats_comments"> <i class="icon-comment hidden-phone hidden-tablet"></i> <strong class="hidden-phone hidden-tablet"> 0 </strong> <a href="#" id="post-new-comment"> <span class="hidden-phone hidden-tablet">Poster un commentaire</span> <button type="button" class="responsive-action-button visible-phone visible-tablet"><i class="icon-comment"></i> <strong>0</strong></button> </a> </span> <hr class="responsive-only-separator" /> </div> <div class="share highlight" id="share-tools" data-article-id="13206977"> <ul class="social-media-buttons"> <li> <div class="fb-like" data-href="https://mon-super-test.blog4ever.xyz/interactive-image-tests" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false"></div> </li> <li> <a href="http://twitter.com/share" class="twitter-share-button" data-url="https://mon-super-test.blog4ever.xyz/interactive-image-tests" data-count="horizontal" data-via="">Tweet</a> </li> </ul> </div> <div class="text-center"> <!--- PUB BLOG4EVER after_publication --> </div> <!--- ARTICLE SUGGESTION --> <div id="article_suggestions"> </div> <div class="modal hide fade" id="likers-modal"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Membres qui aiment ce contenu</h3> </div> <div class="modal-body"> <ul></ul> </div> </div> <script> $(document).ready(function(){ $('.likers-tooltip').tooltip({ placement: 'bottom', html: true, delay: { show: 500, hide: 200000 } }); $('.likers-tooltip').click(function() { var content_id = $(this).data('content-id'); $.ajax({ url: '/likers', type: 'post', data: 'content_id='+content_id, success: function(response) { $('#likers-modal .modal-body ul').html(response); $('#likers-modal').modal('show'); } }); return false; }) }); </script> <div id="articles_show_retour_articles" class="centre comment-v2-fixes"> <a href="/articles"></a> </div> <div class="clear"></div> <div class="text-center" style="margin-top: 50px"> <!--- PUB BLOG4EVER bottom_page --> </div> <script type="text/javascript"> var zoom_display = 'autosize'; </script> <script type="text/javascript" src="/resources/js/blog.1573551364.js"></script> <script> $(document).ready(function() { $('#blogmember_menu_container').load('/membre/outils?random='+Math.random(),function() { $('#blogmember_menu_container').fadeIn(); }); }); </script> <!-- Panier : boite flottante en bas à droite --> <div class="cart-box-float" style="display:none"> <a href="/panier"> <i class="icon-shopping-cart icon-white"></i>Panier: <span class="nbr-articles-panier">0 article</span> </a> </div> <script type="text/javascript" src="/resources/js/blog/cartadd.1518432416.js"></script> <!-- float form --> <!-- check if blog member is active in manager and no member connected --> <div id="floating-form"> <a class="close">⨯</a> <h3>Inscrivez-vous au blog</h3> <div class="test-message"></div> <p class="register">Soyez prévenu par email des prochaines mises à jour</p> <form class="form-horizontal" id="form_float" action="" method="POST"> <input class="form-control" type="hidden" name="msg" /> <input class="form-control" type="hidden" name="class_name" /> <div class="form-group"> <div class="col-xs-12"> <input class="form-control" type="text" name="pseudo_membre" placeholder="Votre nom de membre" /> </div> </div> <div class="form-group"> <div class="col-xs-12"> <input class="form-control" type="text" name="email_membre" placeholder="Votre adresse email" /> </div> </div> <div class="form-group"> <div class="col-xs-12"> <input class="form-control" type="password" name="password_membre" placeholder="Un mot de passe" /> </div> </div> <div class="form-group"> <div class="col-xs-12"> <button class="btn btn-primary" type="submit" id="inscrire">Inscrivez-moi</button> </div> </div> </form> </div> <script> // Floating form : only if mode read only off //process to display form when scrolling $(window).scroll(function() { if($(document).width() > 600) { // only display when enough width var scrollPoint = ($('#article').offset().top + $('#article').height()) + 50; if($(window).scrollTop() > 0 && $(window).scrollTop() + $(window).height() >= scrollPoint) { $('#floating-form').animate({'bottom':'0px'}, 500); $('.cart-box-float').animate({'bottom': 20 + parseInt($('#floating-form').css('height'))+'px'}, 500); } else { $('#floating-form').stop(true).animate({'bottom':'-500px'},500); $('.cart-box-float').stop(true).animate({'bottom': '20px'}, 500); } } }); $('#floating-form .close').bind('click',function(){ $.ajax({ url:'/inscription/form-flottant/cacher', type:'post' }); $(this).parent().remove(); }); $('.login-modal').bind('click', function() { $('#floating-form').stop(true).animate({'bottom':'-500px'},500); }); //process member subscribe $("#form_float").submit(function(){ $("#inscrire").text('En cours...'); $.ajax({ url:'/inscription/form-flottant', type:'post', dataType:'json', data :$(this).serialize(), success:function(response) { if(response.status == 200) { window.location.reload(); } else { $(".test-message").html('<div class="alert alert-'+response.class_name+'">'+response.msg+'</div>'); $("#inscrire").text('Inscrivez-moi'); } } }); return false; }); </script> <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script> </article> </section> <footer class="diz-bas"> <div id="barre_bas" style="display:block" class="centre"> <br /> <a href="/recommander">Recommander ce blog</a> | <a href="/contact">Contact</a> | <a href="/signaler">Signaler un contenu</a> | <a href="/confidentialite">Confidentialité</a> | <span class="bas_rss"><a href="/rss" title="Flux rss">RSS</a> |</span> <a href="https://www.blog4ever.com/from-blog?blog_id=862769" target="_blank" rel="nofollow external">Espace de gestion</a> | <a href="https://www.blog4ever.com/credits" title="Credits photo" rel="nofollow external">Crédits photo</a> <br /><br /> <div id="recherche_inter_blogs"> <form action="https://www.blog4ever.com/blogs" method="get" target="_blank"> <input type="text" name="recherche" size="60" placeholder="Recherche dans les blogs de Blog4ever" /> <input type="submit" value="Recherche" /> </form> </div> </div> </footer> </div> <script> $(document).ready(function() { // Statistiques live $.get("/stats", function(data) { if(data) { $(".statistiques_nombre_total_visites").html(data.nb_total.toString()); $(".statistiques_nombre_visites_jour").html(data.nb_jour.toString()); $(".statistiques_nombre_visiteurs_live").html(data.nb_connectes.toString()); if(data.last_maj != "") { $(".statistiques_date_derniere_maj").html("Mis à jour le "+data.last_maj); $("#statistiques_date_derniere_maj_li").show(); } if(data.date_creation != "") { $(".statistiques_date_creation").html("Créé le "+data.date_creation.toString()); $("#statistiques_date_creation_li").show(); } } }, "json"); $('.navbar-toggle').click(function() { if($('nav ul').is(":visible")) { $('nav ul').css('display', 'none'); $('nav').animate({ height: '40px' }, 500, function() { } ); } else { $('nav').animate({ height: '+='+$('nav ul').css('height') }, 500, function() { $('nav ul').css('display', 'block'); } ); } }); $('.sidebar-toggle').click(function() { $('.main aside').css('background-color', $('.main .fond-cote').css('background-color')); $('.main aside').css('background-image', $('.main .fond-cote').css('background-image')); $('.main aside').toggle(); $('.blogmember_menu').toggle(); if($('.blogmember_menu').is(":visible")) { $('#contenu').addClass('members-active'); } else { $('#contenu').removeClass('members-active'); } }); }); </script> <div id="blogmember_menu_container" style="display:none"></div> <!-- Register --> <div class="modal" id="register_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display:none"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button> <h3>Inscription au blog</h3> </div> <div class="modal-body"> <div class="intro"> En vous inscrivant vous pourrez si vous le souhaitez être prévenu par email en cas de nouveauté (article, commentaire, sujet sur le forum) et personnaliser votre profil pour participer au blog. </div> <form class="form-horizontal"> <input type="hidden" name="source" value="" /> <div class="control-group control_email"> <label class="control-label">Votre adresse email :</label> <div class="controls"> <input type="text" name="email" class="input-medium"> </div> </div> <div class="control-group control_username"> <label class="control-label">Votre nom d'utilisateur :</label> <div class="controls"> <input type="text" name="username" class="input-medium"> <span class="help-inline" style="display:none">Ce nom est déjà réservé. <a class="register_to_login" href="/recuperer-mon-compte">Cliquez ici pour vous connecter</a> </span> </div> </div> <div class="control-group control_password"> <label class="control-label">Un mot de passe :</label> <div class="controls"> <input type="password" name="password" class="input-medium"> </div> </div> <div class="centre"> <button id="register_submit" class="btn" type="submit">S'inscrire</button> </div> </form> <hr /> <div class="centre"> Vous êtes déjà inscrit sur notre blog ? <a class="register_to_login" href="/recuperer-mon-compte">Connectez-vous!</a> </div> </div> </div> <!-- Login --> <div class="modal" id="login_modal" tabindex="-1" role="dialog" aria-hidden="true" style="display:none"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button> <h3>Connexion au blog</h3> </div> <div class="modal-body"> <form action="/connexion" method="post" class="form-horizontal"> <div class="control-group control_username"> <label class="control-label">Nom d'utilisateur :<br /> <a href="/recuperer-mon-compte#lost_login">Oublié ?</a></label> <div class="controls"> <input type="text" name="username" class="input-medium"> </div> </div> <div class="control-group control_password"> <label class="control-label">Mot de passe :<br /> <a href="/recuperer-mon-compte#lost_password">Oublié ?</a></label> <div class="controls"> <input type="password" name="passe" class="input-medium"> </div> </div> <div class="centre"> <button id="login_submit" class="btn" type="submit">Se connecter</button> </div> </form> <hr /> <div class="centre"> Vous n'avez pas encore de compte sur notre blog ? <a href="/inscription">Inscrivez vous!</a> </div> </div> </div> <script type="text/javascript" src="/resources/lib/bootstrap/modal.min.js"></script> <script type="text/javascript" src="/resources/lib/bootstrap/popover.min.js"></script> </body> </html>