transpiree
Randonnée au refuge Locatelli depuis Sexten
#wrap
position: relative;
padding: 10px;
overflow: hidden;
#gradient
width:100%;
height:200px;
background: red; /* For browsers that do not support gradients */
background: linear-gradient(rgba(128,128,128,0), rgba(255,255,255,1)); /*Standard*/
position:absolute;
bottom:0;
left:0;
#read-more
padding:5px;
border-top:4px double #ddd;
background:#fff;
color:#333;
var conditionNotMember='';
var cond2='';
// Membership needed
messageLogin='Abonné ? Se connecter, Transpiree c'est quoi ? Découvrir';
jQuery(document).ready(function( $ )
// Hover
$( "#gallery-1 img" ).hover(
function()
$( this ).css('opacity', 1);
, function()
$( this ).css('opacity', 0.6);
);
// Opacity
$( "#gallery-1 img" ).css('opacity', 0.6);
// Remove some images
var picturnNb = 0;
$('#gallery-1 img').each(function()
picturnNb++;
if (picturnNb == 10)
$(this).attr("src","/ext/protection/MorePictures.jpeg");
$(this).removeAttr("srcset");
if (picturnNb > 10)
$(this).remove();
);
$( "#gallery-1 img" ).click(function(event)
// Stop default event
event.preventDefault();
event.stopPropagation();
// Change image to default warning's one
$.swipebox( [
href:'/ext/protection/ConnexionRequise.jpeg', title:'Il faut se connecter'
]);
);
var ficheInsideRandonneeLien = $("#ficheInsideRandonneeLien");
var articleBody = $("div[itemprop='articleBody']");
var gallery = $("#gallery-1");
articleBody.attr('id', 'wrap');
// Percent
var percent = 35;
var diffPercent = 100 - percent;
// Compute new height
var defHeight = (articleBody.height() - ficheInsideRandonneeLien.height() - gallery.height())*percent/100;
articleBody.css('height' , defHeight + 'px');
articleBody.append('');
articleBody.after('');
$('#read-more').append('Déjà '+percent+'% de lu, il reste '+ diffPercent +'%. ' + messageLogin + '');
$('#read-more').after(gallery);
);
.img_thumb
display:flex;
align-items:center;
.img_right
float:right;
.img_left
float:left;
.centerText
text-align: center;
border-bottom: 1px solid #e7e6e6;
@media all and (min-width: 700px)
.img_margin_top
margin-top:19px;
.img_margin_top_video
margin-top:28px;
margin-right:10px;
@media screen and (max-width: 700px)
.img_margin_top
margin-top:12px;
.img_margin_top_video
margin-top:16px;
Italie | Trentin
Italie | Trentin
Randonnée au refuge Locatelli depuis Sexten
#wrap
position: relative;
padding: 10px;
overflow: hidden;
#gradient
width:100%;
height:200px;
background: red; /* For browsers that do not support gradients */
background: linear-gradient(rgba(128,128,128,0), rgba(255,255,255,1)); /*Standard*/
position:absolute;
bottom:0;
left:0;
#read-more
padding:5px;
border-top:4px double #ddd;
background:#fff;
color:#333;
var conditionNotMember='';
var cond2='';
// Membership needed
messageLogin='Abonné ? Se connecter, Transpiree c'est quoi ? Découvrir';
jQuery(document).ready(function( $ )
// Hover
$( "#gallery-1 img" ).hover(
function()
$( this ).css('opacity', 1);
, function()
$( this ).css('opacity', 0.6);
);
// Opacity
$( "#gallery-1 img" ).css('opacity', 0.6);
// Remove some images
var picturnNb = 0;
$('#gallery-1 img').each(function()
picturnNb++;
if (picturnNb == 10)
$(this).attr("src","/ext/protection/MorePictures.jpeg");
$(this).removeAttr("srcset");
if (picturnNb > 10)
$(this).remove();
);
$( "#gallery-1 img" ).click(function(event)
// Stop default event
event.preventDefault();
event.stopPropagation();
// Change image to default warning's one
$.swipebox( [
href:'/ext/protection/ConnexionRequise.jpeg', title:'Il faut se connecter'
]);
);
var ficheInsideRandonneeLien = $("#ficheInsideRandonneeLien");
var articleBody = $("div[itemprop='articleBody']");
var gallery = $("#gallery-1");
articleBody.attr('id', 'wrap');
// Percent
var percent = 35;
var diffPercent = 100 - percent;
// Compute new height
var defHeight = (articleBody.height() - ficheInsideRandonneeLien.height() - gallery.height())*percent/100;
articleBody.css('height' , defHeight + 'px');
articleBody.append('');
articleBody.after('');
$('#read-more').append('Déjà '+percent+'% de lu, il reste '+ diffPercent +'%. ' + messageLogin + '');
$('#read-more').after(gallery);
);
.img_thumb
display:flex;
align-items:center;
.img_right
float:right;
.img_left
float:left;
.centerText
text-align: center;
border-bottom: 1px solid #e7e6e6;
@media all and (min-width: 700px)
.img_margin_top
margin-top:19px;
.img_margin_top_video
margin-top:28px;
margin-right:10px;
@media screen and (max-width: 700px)
.img_margin_top
margin-top:12px;
.img_margin_top_video
margin-top:16px;
Italie | Trentin
Italie | Trentin