ImageAdd a picture1.0<div><a><span></span><span></span></a></div>

<textarea default='""' facultative='true' height='160' help='This will set the ALT attribute used by search engine to index images, instead of using the file description or file name. We suggest you to insert here a short description of your image.' icon='google' name='alt' plans='1,2' text='SEO description' /><checkbox default='false' help='By activating this feature, <b>your visitors will not be able to download these images</b> by right clicking on an image or by drag-dropping it or by browsing the source of the page.' name='protect' plans='1,2' value='Anti-download' /></properties><design_properties><radio class='filterRadio' default=''none'' display='None|Grayscale|Blur|Invert|Contrast|Color or Gradient' help='Select the filter for the image.<br> <b>None</b> no filter<br> <b>Grayscale</b> remove all the colors<br> <b>Blur</b> blur the image<br> <b>Invert</b> invert all the colors<br> <b>Contrast</b> more lightness differences<br> <b>Color or gradient</b> add a color transparent overlay' name='filter' title='Filter' values='none|grayscale|blur|invert|contrast|color' /><gradient default='vertical|50%!rgba(0,0,0,0.5)' /><trigger help='Set the block to the real size of the image.' icon='arrow_tb' text='Real Size' trigger='realsize' /><checkbox class='uii_active_mask' default='false' help='By checking this option, you will be able to crop the image to a shape (circle, triangle...).' name='activate_mask' value='Crop to a shape' /><icon_selector class='uii_chose_mask' default='{"id":594,"name":"brightness_1","service":"Google-material-icons","removable":false}' default_action='true' icon='folder' name='mask' search_options='{"search_by":"shapes"}' value='Choose the shape' /></design_properties></view><script>UI_List.UI_Image={initialize:function(a){this.component=a;
a.setOptions(["locked","container","fixed"]);
this.protect_available=(v.mode=="editor"||v.planid>=1);
this.mouseover_available=(v.mode=="editor"||v.planid>=1)
},updateImage:function(){this.component.node.unbind();
var b=this;
var d={h:this.component.H(),w:this.component.W()};
var a=1;
var c=function(g,f){var e=$("<span>").css({position:"absolute",top:"-1000px"}).appendTo("body");
e.setIcon(b.component.data.mask,false,function(){setTimeout(function(){var i=cdn_url(bestImgSrc(f,b.component.W(),b.component.H()));
var h=function(){e.children().css({"font-size":"100px"});
var m={w:e.width(),h:e.height()};
a=m.h/m.w;
var l=document.createElementNS("http://www.w3.org/2000/svg","text");
g.empty().addClass("uii_mask_node");
var j=Math.min(d.h/m.h*100,d.w/m.w*100);
l.setAttributeNS(null,"x",(d.w-j*m.w/100)/2);
var k=j*m.h/100;
l.setAttributeNS(null,"y",((d.h-k)/2)+(k/(b.component.data.mask.service!="Symbola"?1:1.3)));
l=$.fn.setIcon(b.component.data.mask,$(l))[0];
var n='<pattern class="uii_pattern" id="'+(g==b.img2?"hover_":"")+"pattern_mask_"+b.component.uniqId()+'" patternUnits="userSpaceOnUse" width="'+d.w+'" height="'+d.h+'" viewbox="0 0 '+d.w+" "+d.h+'"><image xlink:href="'+i+'" width="'+d.w+'" height="'+d.h+'" preserveAspectRatio="xMidYMid '+(b.component.data.ratio_type=="cover"?"slice":"meet")+'" /></pattern>';
$(".pattern_mask",b.component.node).remove();
g.html("<svg class='svg_defs'><defs>"+n+"</defs></svg>").append($('<svg class="content_svg" width="'+d.w+'" height="'+d.h+'"></svg>'));
$(".content_svg",g)[0].appendChild(l);
$(l).css({fill:"url(#"+(g==b.img2?"hover_":"")+"pattern_mask_"+b.component.uniqId()+")","font-size":j+"px"});
setTimeout(function(){e.remove()
},2000)
};
$.fn.loadImage(i).done(function(){h()
}).fail(function(){if(/ra0\.cdnsw\.com\/cc0/.test(i)){i=i.replace("ra0.cdnsw.com/cc0","www.sitew.com/file/pixabay");
h()
}})
},100)
})
};
if(this.component.data.activate_mask&&this.component.data.mask){$(".uii_pattern",this.component.node).remove();
c(this.img1,b.component.data.imageFile)
}else{this.img1.removeClass();
if(!this.component.preloaded||this._protected()||this.component.data.ratio_type=="fullwidth"){this.img1.empty().append(b._setImageDefault(this.component.data.imageFile,this.component));
if(this._protected()){this._antiDownload(this.img1)
}}if(this.mouseover_available&&this.component.data.mouseoverMenu&&this.component.data.mouseoverMenu!=""){this.component.node.mouseover(function(){if(window.UI_Menu){UI_Menu.showDropDownMenu(b.component.data.mouseoverMenu)
}})
}this._setFullWidth();
this._setParallax()
}if(this.mouseover_available&&this.component.data.mouseoverImage){if(this.component.data.activate_mask){c(this.img2,this.component.data.mouseoverImage)
}else{this.img2.empty().append(b._setImageDefault(this.component.data.mouseoverImage,this.component))
}this.component.node.hover(function(){b.img2.show();
b.img1.hide()
},function(){b.img1.show();
b.img2.hide()
})
}this._setFilter()
},getDescriptions:function(){var b=this;
var a=function(e){var c={};
c[b.component.data.imageFile.id]=e;
b.captions.resolve(c);
if(c[b.component.data.imageFile.id]){b.link.tooltip(c[b.component.data.imageFile.id].replace(/\n/g,"<br>"),750)
}};
if(this.component.description){a(this.component.description)
}},updateLink:function(){var a=this;
this.link.attr({target:"",onClick:"",title:""}).removeAttr("href").unbind();
if(this.component.data.link&&this.component.data.link.onClick&&this.component.data.link.onClick.match(/^tb_show\(/)){try{this.component.data.tb_imgs=JSON_.parse(this.c</article></body></html>

Contacts & Partenaires

Recommandations