Renvoyer à une nouvelle page en cliquant sur une image TUMBL

doudou449 9 Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - 16 mars 2017 à 10:54 - Dernière réponse : doudou449 9 Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention
- 16 mars 2017 à 23:08
Bonjour,
j'ai créer un TUMBLR avec un thème que j'ai du mal à modifier. J'aimerai pouvoir cliquer sur une image pour être renvoyer à une autre page sur laquelle il y à d'autres images.
J'ai suivit la procédure classique de TUMBLR: j'upload une image sur la page d'accueil Tumblr, je lui attribut un lien, et je créer une nouvelle page dans les option d'apparence du thème avec ce même lien. Mais ça ne marche pas. Qd je clique sur une image, elle s'ouvre en haute résolution sur une autre page sans me renvoyer a d'autres images...
Qu'un pour m'aider?
Afficher la suite 

5 réponses

Répondre au sujet
ZeNairolf 1696 Messages postés vendredi 6 mars 2009Date d'inscription 1 novembre 2017 Dernière intervention - 16 mars 2017 à 15:18
0
Utile
Il nous faut le code source de la page ou le li
en vers cette page pour comprendre pourquoi
il y a cette action, si ça vient du JS ou si le lien a mal été placé autour de l'image.
Commenter la réponse de ZeNairolf
doudou449 9 Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - 16 mars 2017 à 16:28
0
Utile
2
Voila le code source

<!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; }</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="Helvetica">
<meta name="text:Google Fonts" content="Karla">
<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: 400; 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-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" 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>
ZeNairolf 1696 Messages postés vendredi 6 mars 2009Date d'inscription 1 novembre 2017 Dernière intervention - 16 mars 2017 à 22:13
Bon déjà il faut utiliser la balise
<code html>
pour entourer le code sinon ça devient illisible, surtout que là il y a tout le code ce qui est inutile.

Sinon je pense que c'est ce code :
<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-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" 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> 


Le problème c'est que dans le lien que tu passes je n'ai vu aucune image avec un lien.
doudou449 9 Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - 16 mars 2017 à 23:08
Merci beaucoup pour ces infos.
Effectivement les images sont sans lien je n'arrive pas à leur en attribuer un...
Commenter la réponse de doudou449
doudou449 9 Messages postés jeudi 16 mars 2017Date d'inscription 4 avril 2017 Dernière intervention - 16 mars 2017 à 16:29
0
Utile
et le lien du site
edouarddanais.tumblr.com
Commenter la réponse de doudou449