Signaler

Lien Image

Posez votre question doudou449 9Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - Dernière réponse le 20 mars 2017 à 16:06 par doudou449
Bonjour,

Je cherche depuis plusieurs jours la façon d'ouvrir un lien (nouvelle page internet) en cliquant sur une image de mon site: edouarddanais.tumblr.com
Pour l'instant, la seule chose qui se passe c'est que les images s'ouvrent en haute résolution quand on clique dessus...

Le code:

<!doctype html>
<!--[if IE 8]><html class="lt-ie9"><![endif]-->
<!--[if IE 9]><html class="lt-ie10"><![endif]-->
<!--[if gt IE 9]><!--><html><!--<![endif]-->
<head>
<title>{Title}</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content='IE=edge' />
<meta name="viewport" content="width=device-width" />
<meta name="apple-mobile-web-app-capable" content="yes">

<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
<link rel="apple-touch-icon" sizes="57x57" href="{PortraitURL-64}">
<link rel="apple-touch-icon" sizes="60x60" href="{PortraitURL-64}">
<link rel="apple-touch-icon" sizes="72x72" href="{PortraitURL-64}">
<link rel="apple-touch-icon" sizes="76x76" href="{PortraitURL-96}">
<link rel="apple-touch-icon" sizes="114x114" href="{PortraitURL-128}">
<link rel="apple-touch-icon" sizes="120x120" href="{PortraitURL-128}">
<link rel="apple-touch-icon" sizes="144x144" href="{PortraitURL-128}">
<link rel="apple-touch-icon" sizes="152x152" href="{PortraitURL-128}">
<link rel="apple-touch-icon" sizes="180x180" href="{PortraitURL-128}">
<link rel="icon" type="image/png" href="{PortraitURL-30}" sizes="32x32">
<link rel="icon" type="image/png" href="{PortraitURL-128}" sizes="192x192">
<link rel="icon" type="image/png" href="{PortraitURL-96}" sizes="96x96">
<link rel="icon" type="image/png" href="{PortraitURL-16}" sizes="16x16">

{block:IfGoogleFonts}
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family={text:Google Fonts}:400,400italic,700,700italic"> <style type="text/css"> a { font-size: 30px; font-family: "futura"}</style>

{/block:IfGoogleFonts}

<meta name="msapplication-TileColor" content="#f5f5f5">
<meta name="msapplication-TileImage" content="{PortraitURL-128}">
<meta name="theme-color" content="#f5f5f5">

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

{block:Hidden}
<!-- Font -->
<meta name="font:Font" content="futura">
<meta name="text:Google Fonts" content="futura">
<meta name="if:Google Fonts" content="1">
<meta name="color:Background" content="#fff" />
<meta name="color:Header" content="#000" />
<meta name="color:Media Text" content="#000" />
<meta name="color:Text" content="#000" />
<meta name="color:Post Background" content="#fff" />
<meta name="image:Preloader" content="{PreloaderImage}" />


<!-- Toggle -->
<meta name="if:Title" content="1">
<meta name="if:Navigation" content="1">
<meta name="if:Description" content="1">
<meta name="if:Media Info" content="1">
<meta name="if:Content Source" content="0">
<meta name="if:Center Text" content="0">
<meta name="if:Show Share Button" content="1">
<meta name="if:Show Like Button" content="1">
<meta name="if:Show Reblog Button" content="1">
<meta name="if:Show Date" content="1">
<meta name="if:Show Notes" content="1">
<meta name="if:Show Tags" content="1">
<meta name="if:Infinite Scroll" content="1">
<meta name="if:Photoset Thumbnail" content="1">

<!-- Text -->
<meta name="text:Twitter URL" content="">
<meta name="text:Facebook URL" content="">
<meta name="text:Instagram URL" content="">
<meta name="text:Google Plus URL" content="">
<meta name="text:Pinterest URL" content="">
<meta name="text:LinkedIn URL" content="">
<meta name="text:Dribbble URL" content="">
<meta name="text:Flickr URL" content="">
<meta name="text:Vimeo URL" content="">
<meta name="text:StumbleUpon URL" content="">
<meta name="text:LastFM URL" content="">
<meta name="text:Spotify URL" content="">
<meta name="text:Skype URL" content="">
<meta name="text:Github URL" content="">
<meta name="text:Weibo URL" content="">
<meta name="text:Soundcloud URL" content="">
<meta name="text:Behance URL" content="">
<meta name="text:VK URL" content="">
<meta name="text:Renren URL" content="">
{/block:Hidden}
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/nxwjyyg/OX2o1lyx3/style.css">


<style>

/*

/**
  • Base
  • /
  • , *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; }

html { height: 100%; }
body { color: {color:Header}; background-color: {color:Background}; line-height: 1.5; font-size: 16px; font-family: {font:Font}, sans-serif; font-weight: 00; margin: 0; -webkit-font-smoothing: antialiased; height: 100%;}
body .hamburger { font-family: {font:Font}, sans-serif; }
body.feature-has-google-fonts, body.feature-has-google-fonts .hamburger { font-family: {text:Google Fonts}, sans-serif; }
ol, ul, dl, dd, h1, h2, h3, h4, h5, h6, p, pre, figure, fieldset, input, textarea { margin: 0 0 1rem; }
h1, h2, h3, h4 { line-height: 0.3; }
h1 { font-size: 10px; }
@media (min-width: 768px) { h1 { font-size: 35px; } }
@media (min-width: 1024px) { h1 { font-size: 40px; } }
h2 { font-size: 1.375rem; }
h3 { font-size: 1rem; }
h4 { font-size: 0.875rem; }

/** COLORS **/
a, .hamburger { color: {color:Header}; }
svg.logo { fill: {color:Media Text} }
.sitecontent, .our_button, .sitecontent a, .back_button { color: {color:Media Text}; }
.sitecontent a:hover, .our_button:hover { color: rgba({RGBcolor:Media Text},1); }


.hamburger:after, .our_button:after, a:after, .hamburger:hover:before, .our_button:hover:before, a:hover:before { background: {color:Media Text}; }

.page-index .article--anti_media { background: {color:Post Background}; color: {color:Text}; }

.page-index .article--anti_media a:after, .page-index .article--anti_media a:hover:before, .page-index .article--anti_media .our_button:after, .page-index .article--anti_media .our_button:hover:before { background: {color:Text} }
.page-index .article--anti_media a, .page-index .article--anti_media .our_button { color: {color:Text}; }

.page-index .sitecontent .article--anti_media a:hover { color: rgba({RGBcolor:Text},1); }

.bottom__copyright a:after,
.nav a:after {
background: {color:Header};
}

.bottom__copyright, .bottom__copyright a {
color: {color:Header};
}

.page-index .video { margin-bottom: 1.5em; position: relative; padding-bottom: 56.2857%; height: 0; }

.page-index .video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.bottom__copyright {
position: fixed;
font-size: 10px;
right: 20px;
bottom: 20px;
font-family: Helvetica,sans-serif;
z-index: 3;
}

.bottom__copyright a {
display: inline-block;
}

.bottom__copyright a:after {
content: '';
display: block;
height: 1px;
width: 100%;
transition: width .2s ease,background-color .2s ease;
}

.bottom__copyright a:hover:after {
width: 0;
}


{CustomCSS}

</style>

</head>
<body class="{block:IndexPage} page-index{/block:IndexPage}{block:PermalinkPage} page-permalink{/block:PermalinkPage}{block:IfGoogleFonts} feature-has-google-fonts{/block:IfGoogleFonts}{block:IfCenterText} toggle-has-center-text{/block:IfCenterText}{block:IfInfiniteScroll} feature-has-infinite-scroll{block:IfInfiniteScroll}
{block:ShowAvatar} feature-has-avatar{/block:ShowAvatar}
{block:IfPhotosetThumbnail} feature-has-photoset-thumbnail{/block:IfPhotosetThumbnail}">

<div class="load-wrapper">
<div class="header-overlay">
<img src="{image:Preloader}" alt="preloader" class="svg logo pulse" />
</div>
</div><!--loadwrapper-->
<section class="wrapper">
{block:PermalinkPage}
<div class="blog-title-wrapper content">
<span class="blog-title">
<a href="/" rel="nofollow noopener noreferrer" target="_blank" class="back_button">←</a>
</span>
</div>
{/block:PermalinkPage}

{block:IndexPage}
<header id="siteheader" class="siteheader{block:IfHeaderImage} cover{/block:IfHeaderImage}">
{block:ShowAvatar}
<img src="{PortraitURL-128}" alt="avatar" class="sitebrand" />
{/block:ShowAvatar}
{block:IfTitle}
<h1 class="sitetitle"><a href="/" rel="nofollow noopener noreferrer" target="_blank">{Title}</a></h1>
{/block:IfTitle}
{block:IfDescription}
<div class="sitedescription">
{block:Description}
{Description}
{/block:Description}
</div>
{/block:IfDescription}
{block:IfNavigation}
<nav class="sitenavigation">
<button class="hamburger">
Menu
</button>
<ul class="nav">
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}" rel="nofollow noopener noreferrer" target="_blank">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
{block:IfShowArchive}
<li>
<a href="/archive" rel="nofollow noopener noreferrer" target="_blank">{lang:Archive}</a>
</li>
{/block:IfShowArchive}
{block:SubmissionsEnabled}
<li>
<a href="/submit" rel="nofollow noopener noreferrer" target="_blank">{SubmitLabel}</a>
</li>
{/block:SubmissionsEnabled}
{block:AskEnabled}
<li>
<a href="/ask" rel="nofollow noopener noreferrer" target="_blank">{AskLabel}</a>
</li>
{/block:AskEnabled}
{block:IfGithubURL}
<li>
<a href="{text:Github URL}" rel="nofollow noopener noreferrer" target="_blank">Github</a>
</li>
{/block:IfGithubURL}
{block:IfFlickrURL}
<li>
<a href="{text:Flickr URL}" rel="nofollow noopener noreferrer" target="_blank">Flickr</a>
</li>
{/block:IfFlickrURL}
{block:IfVimeoURL}
<li>
<a href="{text:Vimeo URL}" rel="nofollow noopener noreferrer" target="_blank">Vimeo</a>
</li>
{/block:IfVimeoURL}
{block:IfTwitterURL}
<li>
<a href="{text:Twitter URL}" rel="nofollow noopener noreferrer" target="_blank">Twitter</a>
</li>
{/block:IfTwitterURL}
{block:IfFacebookURL}
<li>
<a href="{text:Facebook URL}" rel="nofollow noopener noreferrer" target="_blank">Facebook</a>
</li>
{/block:IfFacebookURL}
{block:IfGooglePlusURL}
<li>
<a href="{text:Google Plus URL}" rel="nofollow noopener noreferrer" target="_blank">Google Plus</a>
</li>
{/block:IfGooglePlusURL}
{block:IfPinterestURL}
<li>
<a href="{text:Pinterest URL}" rel="nofollow noopener noreferrer" target="_blank">Pinterest</a>
</li>
{/block:IfPinterestURL}
{block:IfLinkedInURL}
<li>
<a href="{text:LinkedIn URL}" rel="nofollow noopener noreferrer" target="_blank">Linkedin</a>
</li>
{/block:IfLinkedInURL}
{block:IfDribbbleURL}
<li>
<a href="{text:Dribbble URL}" rel="nofollow noopener noreferrer" target="_blank">Dribbble</a>
</li>
{/block:IfDribbbleURL}
{block:IfStumbleUponURL}
<li>
<a href="{text:StumbleUpon URL}" rel="nofollow noopener noreferrer" target="_blank">StumbleUpon</a>
</li>
{/block:IfStumbleUponURL}
{block:IfLastFMURL}
<li>
<a href="{text:LastFM URL}" rel="nofollow noopener noreferrer" target="_blank">LastFM</a>
</li>
{/block:IfLastFMURL}
{block:IfSpotifyURL}
<li>
<a href="{text:Spotify URL}" rel="nofollow noopener noreferrer" target="_blank">Spotify</a>
</li>
{/block:IfSpotifyURL}
{block:IfInstagramURL}
<li>
<a href="{text:Instagram URL}" rel="nofollow noopener noreferrer" target="_blank">Instagram</a>
</li>
{/block:IfInstagramURL}
{block:IfSkypeURL}
<li>
<a href="{text:Skype URL}" rel="nofollow noopener noreferrer" target="_blank">Skype</a>
</li>
{/block:IfSkypeURL}
{block:RenrenURL}
<li>
<a href="{text:Renren URL}" rel="nofollow noopener noreferrer" target="_blank">Renren</a>
</li>
{/block:RenrenURL}
{block:IfWeiboURL}
<li>
<a href="{text:Weibo URL}" rel="nofollow noopener noreferrer" target="_blank">Weibo</a>
</li>
{/block:IfWeiboURL}
{block:IfSoundcloudURL}
<li>
<a href="{text:Soundcloud URL}" rel="nofollow noopener noreferrer" target="_blank">Soundcloud</a>
</li>
{/block:IfSoundcloudURL}
{block:IfBehanceURL}
<li>
<a href="{text:Behance URL}" rel="nofollow noopener noreferrer" target="_blank">Behance</a>
</li>
{/block:IfBehanceURL}
{block:IfVKURL}
<li>
<a href="{text:VK URL}" rel="nofollow noopener noreferrer" target="_blank">VK</a>
</li>
{/block:IfVKURL}
</ul>
</nav>
{/block:IfNavigation}
</header>
{/block:IndexPage}

<main id="sitecontent" class="sitecontent">
{block:Posts}
<article id="{PostID}" class="article article--{PostType} article--{PostID} {TagsAsClasses}
{block:Text} article--anti_media{/block:Text}
{block:Link} article--anti_media{/block:Link}
{block:Quote} article--anti_media{/block:Quote}
{block:Chat} article--anti_media{/block:Chat}
{block:Photo} article--media{/block:Photo}
{block:Photoset} article--media{/block:Photoset}
{block:Photoset} article--photoset{/block:Photoset}
{block:Panorama} article--media{/block:Panorama}
{block:IfCenterText} toggle-has-center-text{/block:IfCenterText}
{block:IfNotMediaInfo} feature-has-not-media-info{/block:IfNotMediaInfo}" data-permalink="{Permalink}">
{block:Text}
<figure class="anti-media">
<header class="header">
{block:Title}
<h1 class="title"><a href="{Permalink}" rel="nofollow noopener noreferrer" target="_blank">{Title}</a></h1>
{/block:Title}
</header>

<div class="detail">{Body}</div>
</figure>
{/block:Text}

{block:Photo}
<figure class="media figure--{PostType}">
<div class="image">
<span class="image-link">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
</span>
</div>
{block:Caption}
<figcaption class="caption caption--photo">
{Caption}
</figcaption>
{/block:Caption}
</figure>
{/block:Photo}

{block:Panorama}
{LinkOpenTag}
<figure class="media figure--{PostType}">
<div class="image image--panorama">
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
</div>
{block:PermalinkPage}
{block:Caption}
<figcaption class="caption">
{Caption}
</figcaption>
{/block:Caption}
{/block:PermalinkPage}
</figure>
{LinkCloseTag}
{/block:Panorama}

{block:Photoset}
<figure class="photo-slideshow media{block:IfPhotosetThumbnail} feature-has-photoset-thumbnail{/block:IfPhotosetThumbnail}" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
{block:Photos}
<div class="photo-data">
<div class="pxu-photo">

<a href="{Permalink}" rel="nofollow noopener noreferrer" target="_blank" class="photoset_link">
<img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-500}" data-width="{PhotoWidth-500}" data-height="{PhotoHeight-500}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
</a>
</div>
</div>
{/block:Photos}


</figure><!-- close SLIDESHOW -->
{block:PermalinkPage}
{block:Caption}
<figcaption class="caption caption--photo">
{Caption}
</figcaption>
{/block:Caption} {/block:PermalinkPage}
{/block:Photoset}

{block:Quote}
<figure class="anti-media">
<blockquote class="detail quote">
<p>"{Quote}"</p>

{block:Source}
<cite class="source">{Source}</cite>
{/block:Source}
</blockquote>
</figure>
{/block:Quote}

{block:Link}
<figure class="anti-media">
<header class="link">
<h1 class="Title"><a href="{URL}" rel="nofollow noopener noreferrer" target="_blank" {Target}>{Name}</a></h1>
</header>

{block:Description}
<div class="detail">{Description}</div>
{/block:Description}
</figure>
{/block:Link}

{block:Chat}
<figure class="anti-media">
<header class="title">
{block:Title}
<h1><a href="{Permalink}" rel="nofollow noopener noreferrer" target="_blank">{Title}</a></h1>
{/block:Title}
</header>

<div class="chat">
{block:Lines}
<p class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}{Line}
</p>
{/block:Lines}
</div>
</figure>
{/block:Chat}

{block:Video}
<figure class="media figure--{PostType}">
<div class="video">
{VideoEmbed-500}
</div>

{block:Caption}
<figcaption class="caption caption--video">
{Caption}
</figcaption>
{/block:Caption}

</figure>
{/block:Video}

{block:Audio}
<figure class="media figure--{PostType}">

<div class="image">
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="">
{/block:AlbumArt}
</div>

<div class="audio">
{AudioPlayerBlack}
</div>

{block:Caption}
<figcaption class="caption caption--audio">
{Caption}
</figcaption>
{/block:Caption}
</figure>
{/block:Audio}

{block:IfContentSource}
{block:ContentSource}
<div class="post__extra">
({lang:Source}: <a class="meta-item source-link" href="{SourceURL}" rel="nofollow noopener noreferrer" target="_blank">{SourceTitle}</a> {block:RebloggedFrom}, via <a href="{ReblogParentURL}" rel="nofollow noopener noreferrer" target="_blank">{ReblogParentName}</a>{/block:RebloggedFrom})
</div>
{/block:ContentSource}
{/block:IfContentSource}

{block:Date}
<footer class="post__footer post__footer--{PostType}
{block:IfCenterText} toggle-has-center-text{/block:IfCenterText}
{block:IfNotCenterText} toggle-has-not-center-text{/block:IfNotCenterText}
{block:IfMediaInfo} feature-has-media-info{/block:IfMediaInfo}
{block:IfNotMediaInfo} feature-has-not-media-info{/block:IfNotMediaInfo}
">
{block:IfShowShareButton}
<div class="post__footer--common post__footer--socialmedia">
{block:PermalinkPage}
<span class="share__text">Share on</span>
<a href="http://www.facebook.com/sharer.php?u={ShortURL}" rel="nofollow noopener noreferrer" target="_blank">Facebook</a>,
<a href="http://www.twitter.com/share?url={ShortURL}" rel="nofollow noopener noreferrer" target="_blank">Twitter</a>
{/block:PermalinkPage}
</div>
{/block:IfShowShareButton}
<div class="post__footer--metadata">
<ul class="post__footer--common post__footer--tumblr">
{block:IfShowLikeButton}
<li class="custom-like-button">
<div class="button custom-like-button like-button">
{LikeButton}
<span class="our_button">
Like
</span>
<span class="our_button our_button_liked">
Liked
</span>
</div>
</li>
{/block:IfShowLikeButton}

{block:IfShowReblogButton}
<li>
<a class="button reblog-button" href="{ReblogURL}" rel="nofollow noopener noreferrer" target="_blank">Reblog</a>
</li>
{/block:IfShowReblogButton}
</ul>

<ul class="post__footer--common post__footer--info">
{block:IfShowDate}
<li>
<a class="time-ago" href="{Permalink}" rel="nofollow noopener noreferrer" target="_blank">{TimeAgo}</a>
</li>
{/block:IfShowDate}

{block:IfShowNotes}
{block:IndexPage}
{block:NoteCount}
<li>
<a class="note-count" href="{Permalink}#notes" rel="nofollow noopener noreferrer" target="_blank">{NoteCountWithLabel}</a>
</li>
{/block:NoteCount}
{/block:IndexPage}

{block:PermalinkPage}
{block:NoteCount}
<li>
<a id="notes-link" class="note-count" href="#" rel="nofollow noopener noreferrer" target="_blank">{NoteCountWithLabel}</a>
</li>
{/block:NoteCount}
{/block:PermalinkPage}
{/block:IfShowNotes}
</ul>

<ul class="post__footer--common post__footer--post_tags">
{block:IfShowTags}
{block:HasTags}
{block:Tags}
<li>
<a href="{TagURL}" rel="nofollow noopener noreferrer" target="_blank">#{Tag}</a>
</li>{/block:Tags}
{/block:HasTags}
{/block:IfShowTags}
</ul>
</div>
</footer>
{/block:Date}

</article>
{/block:Posts}
{block:PostNotes}
<div class="container" id="notes">
{PostNotes-64}
</div>
{/block:PostNotes}
</main>


<footer id="sitefooter" class="sitefooter">
{block:IndexPage}
<div id ="pagination" class="pagination">
{block:PreviousPage}
<a id="pagination-previous" class="pagination-previous" href="{PreviousPage}" rel="nofollow noopener noreferrer" target="_blank">« Previous</a>
{/block:PreviousPage}

{block:NextPage}
<a id="pagination-next" class="pagination-next" href="{NextPage}" rel="nofollow noopener noreferrer" target="_blank">Next »</a>
{/block:NextPage}
</div>
{/block:IndexPage}

</footer>
</section><!--wrapper-->
<span class="bottom__copyright">

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://static.tumblr.com/hpghjri/tD1nnxiwx/masonry.min.js"></script>
<script src="http://static.tumblr.com/hpghjri/MBCnnxng4/imagesloaded.js"></script>
<script src="http://static.tumblr.com/hpghjri/co2nfnr1j/infinitescroll.min.js"></script>
<script src="http://static.tumblr.com/hpghjri/jEnnidgbp/manual.min.js"></script>
<script src="http://static.tumblr.com/hugxd2w/nyZmm78dc/pxuphotoset.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script>
<!-- Check if mobile device -->
<script src="http://static.tumblr.com/nxwjyyg/Xvrny3yic/jquery_browser_mobile.js"></script>
<script src="http://static.tumblr.com/nxwjyyg/7W6o1lyzh/script.js"></script>

<script type="text/javascript">

$(function(){
var $container=$('#sitecontent');
{block:IfInfiniteScroll}
$container.infinitescroll({
navSelector:".pagination",
nextSelector:".pagination-next",
itemSelector:"article",
appendCallback:true,
loading:{finishedMsg:" ",
img:"data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==",
msg:null,msgText:" ",selector:null,finished:function(){
$(".pagination-next").html('Load more');}}},
{/block:IfInfiniteScroll}
function(newElements){var $newElems=$(newElements).css({opacity:0});
var $newElemsIDs = $newElems.map(function()
{
return this.id;
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
}).get();
$newElems.imagesLoaded(function()
{
$newElems.animate(
{
opacity: 1
});
$container.masonry('appended', $newElems, true);

//what to do when new elems appended
app.init();

});
var $newElemsIDs = $newElems.map(function()
{
return this.id;
}).get();
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
$photoSlideshow.photosetGrid({gutter:'10px'});
});});
</script>

{block:IfGoogleAnalyticsID}
<script type="text/javascript">var gaJsHost=(("https:"==document.location.protocol)?"https://ssl.":"http://www.");document.write(unescape("%3Cscript src='"+gaJsHost+"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker=_gat._getTracker("{text:Google Analytics ID}");pageTracker._trackPageview()}catch(err){}</script>
{block:IfGoogleAnalyticsID}

</body>
</html>
Utile
+0
plus moins
Salut,
Il n'était pas utile d'ouvrir un nouveau sujet, celui d'hier suffisait.
Comme te le disait ZeNairof, tu aurais dû utiliser la balise
Code HTML
, là le code est illisible.
D'où sort-il ce code ? Un modèle pris tel quel ? Chez OT ? Modifié par quelle opération ? Comment ont été ajoutées les images ?
Il ne me paraît pas être appelé à être modifié sans des connaissances en HTML/CSS, à moins qu'un outil ne soit prévu.
doudou449 9Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - 20 mars 2017 à 09:52
Oui je suis un débutant en code, je ne sais même pas ce qu'est une balise...
Ce code sort de chez OT, je ne l'ai presque pas modifié. Les images sont ajoutées via ma page d'accueil TUMBLR.
Répondre
telliak 3037Messages postés mercredi 20 septembre 2006Date d'inscription 14 octobre 2017 Dernière intervention - 20 mars 2017 à 15:19
Re, si tu ne sais pas ce qu'est une balise, tu n'es pas encore débutant...
Oublie la modification que tu espères faire. Il te faut commencer par le b. a. baba.
Répondre
doudou449 9Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - 20 mars 2017 à 16:06
ok merci c'est toujours un plaisir :)
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !