tag:blogger.com,1999:blog-37965727560481209172024-03-06T09:25:54.679+01:00ImatgesCarlesPhttp://www.blogger.com/profile/12090387527863091397noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-3796572756048120917.post-44768423713527208252023-02-06T16:28:00.106+01:002023-03-08T18:38:47.414+01:00Newinici<style>
#Attribution1 {display: none;} #Navbar1 {display: none;} #HTML1 {display: none;}
</style>
<div class="separator" style="clear: both;">
<span><br /></span>
</div>
<div class="separator" style="clear: both;">
<a
href="https://www.flickr.com/photos/carlesp/albums"
style="display: block; padding: 1em 0; text-align: center; "
><img
alt=""
border="0"
width="700"
data-original-height="2047"
data-original-width="2047"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQIi898quVh3WtiSqVJZlp_uUygfmzzJeDhXT872jlCDrRCCUSmsGdBbXfcPmYyIM29LfqhBi1nHJIaZoc7J6ajtnsYrgmXDHjkRj1XgYXa9H1fCod9ZvQq4RAFmYr7ay8lEHpl9aG53eXVvlMC7MNsAeZkcN7GVwH1wYAitx8ZtHRAgPDtosJbD7D/s600/DSC00867-COLLAGE.jpg"
/></a>
</div>
CarlesPhttp://www.blogger.com/profile/12090387527863091397noreply@blogger.com0tag:blogger.com,1999:blog-3796572756048120917.post-42197052746829931652023-02-06T16:28:00.103+01:002023-02-07T09:21:31.623+01:00Inici.<style>
#Attribution1 {display: none;}
#Navbar1 {display: none;}
#HTML1 {display: none;}
</style>
<div class="separator" style="clear: both;">
<span><br /></span>
</div>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/galeria_12.html"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 3em; margin-right: auto; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="418"
data-original-width="482"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjGcbjo0QxG1JEM-aciykvDz-7LPprrzU5GlOimL-krVFgvJtl3xg_29hmxLWWv6N7U_5ScGVnDEefAi5QHBv4QFBglwSm5xGkPpJI3wsIxzK3ihNBo0DnDHQqc_VaoJn_bnRropsED2I/s400/2020-08-11_Cami+de+la+Muga+%25282%2529-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Galeria</span>
</td>
</tr>
</tbody>
</table>
<div></div>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/aigua.html"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 4em; margin-right: auto; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="450"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis7xSyEGXT7sM2FdY_109JIw7VFgSM6Rpsil4oldEKQdFktniTBYLVRL6TQdCe8DJ0bMdByFRTBmMeeEApBIcJgi8GatuvnCe4QbELsS607aakA-07j0NNcVfckw9N6jc4c0Le8z-RhY0/s400/_dsc6588_raw1-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Gorgs i salts d' aigua</span>
</td>
</tr>
</tbody>
</table>
<div class="separator" style="clear: both;">
<span><br /></span>
</div>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://photos.app.goo.gl/G5RLtbpet6XM2fMC6"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 3em; margin-right: auto; text-align: center;"
target="_blank"
><img
alt=""
border="0"
class="sinborde"
data-original-height="512"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKTEjYjqRsKYF6QrxVZpDoVKmeqDW-sU-seVmIqYk7ItyzlxJ6Be2uV2qeV6LgScBuze1XilYbIIJkw0jaB0bbSQ4CQkdHnBXFiBpR1YMTFxhYNmfHTVHJ_d81OCDp632KSjps-DeTMmtbJQeLRkl-Dhvjz5QA8e92L_Gp99noO1dfVCWLeqq1s4Ty/s600/2017-08-24_Foradada%20del%20Portixol%20%284%29-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Sotides de sol</span>
</td>
</tr>
</tbody>
</table>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde "
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://photos.app.goo.gl/JuZqWsAZxi46tthKA"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 4em; margin-right: auto; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="512"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9JxOEJCbXpa9NMln8k4hABra070DfZysFkdt_RKSFoBFBc9yI9n_RAEEKul3-AB4r0UkWq8bRfcn7h0qdrG7Baih58m-pasV-7kQtX_OwxBtoaqatJnY0vEfkGScet8OOzf6u6bwMHrqp-0ZCDKMGjrvjmJHG9VcHRC2IuHkJdy7SMz2YJI8Wx4I/s600/2018-07-17_Cap%20de%20Creus%20%287%29-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Postes de sol</span>
</td>
</tr>
</tbody>
</table>
<div class="separator" style="clear: both;">
<span><br /></span>
</div>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde "
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/lluna.html"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 4em; margin-right: auto; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="512"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjusiewvRb6fPpXRbNq9dbXjOYpubRy0fzdsrB_NCTWNGnx4KwuxJ-n_npxrNt_VKeV-0gznW_ER-aLtLZHt2lTdTJC2B3VDCOWrPJvP4Njj85pLiMwNno59iWnNLDRTTrf23sXxcp_sXI/s400/LLuna-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Lluna</span>
</td>
</tr>
</tbody>
</table>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://photos.app.goo.gl/x3NR8QiZCqbpkBFdA"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 3em; margin-right: auto; text-align: center;"
target="_blank"
><img
alt=""
border="0"
class="sinborde"
data-original-height="512"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibzNIZ2iBKPNWxpXd8DjqyJRjilglqi0rsLPcjdfmMh63q8pQCkGPpUJcQZrm5I7eKHwczpKFVdHiF4JiScmI0HVTWRz6KeWsa9YkWbDCrGx2kGJo20LeeeedMf_K6HSxo6YPl_lJmMUI/s400/startrails_Re-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Nocturnes</span>
</td>
</tr>
</tbody>
</table>
<div class="separator" style="clear: both;">
<span><br /></span>
</div>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/paisatge.html"
style="clear: right; display: block; margin-bottom: 0em; margin-left: 4em; margin-right: auto; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="512"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Db3d5IO5sIOxkgOyb-hVo6t2KeHqmCAXDraLMealCtgu1kHsAz6bA0ye0-DW6aBHAq-Hrj-6lmPXErBbLuhi74FCZCvOg9_LhSewggmTZ78i7kHsAurDZJcDlsh0hvz3VXcsNOy5aTM/s400/2017-03-07_Vallter2000+%25284%2529-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Paisatge</span>
</td>
</tr>
</tbody>
</table>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/macros.html"
style="clear: left; display: block; margin-bottom: 1em; margin-left: 3em; margin-right: auto; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="512"
data-original-width="512"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQiVptX9edi1M7CCUpzXDAg38w1w7l1bdZwRJ3uZ85nBj8e5ZM5CsvnM5xXBwHRuqvKbljUWEK_IK2DfOvYLWH53ZwAGYvXFVDXgA1PQZjGFkStiSsx-Kz1G1GPkvwYZO9A0SzaKYPQGY/s400/llagosta%25281%2529-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Macros</span>
</td>
</tr>
</tbody>
</table>
<div class="separator" style="clear: both;">
<span><br /></span>
</div>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/pedre.html"
style="clear: right; display: block; margin-bottom: 1em; margin-left: 4em; margin-right: auto; margin-top: 0em; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="300"
data-original-width="300"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqUIwFsxnB4NAtqZ5GUw12bw6blSJ0Smr7cMlY4z2Af2beMa1yMgyDoX5Nz8JeEmU6bwyF9UFRQE-jGCKdBfUvOBcBPVXTaIDH1AlnBQMoU1jtjFRIsK71aLTC6p_T4G1o5G1LOnyYH8/s400/2018-01-21+%25285%2529-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Pedra seca</span>
</td>
</tr>
</tbody>
</table>
<table
cellpadding="0"
cellspacing="0"
class="tr-caption-container; sinborde"
style="float: left;"
>
<tbody>
<tr>
<td style="text-align: center;">
<a
href="https://parairecarles.blogspot.com/p/megalitic.html"
style="clear: right; display: block; margin-bottom: 1em; margin-left: 3em; margin-right: auto; margin-top: 0em; text-align: center;"
><img
alt=""
border="0"
class="sinborde"
data-original-height="300"
data-original-width="300"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6i1QdBj2gdLSjE1eMy7DltCsBBt4sCx3_NKRdG2AQBT39520Mqt5rbd6NQxiYwynp32tbcKQE6TWNHBdlNziEtnQKpNJ_jL-M_fraj02rcxABNkyxS2mXR6-jQ8l0e7gLPs8vo3AqtA/s400/2021-03-07_Albera+%25287%2529-COLLAGE.jpg"
width="500"
/></a>
</td>
</tr>
<tr>
<td class="tr-caption" style="text-align: center;">
<span style="font-size: x-large;">Megalitic</span>
</td>
</tr>
</tbody>
</table>
<div></div>
CarlesPhttp://www.blogger.com/profile/12090387527863091397noreply@blogger.com0tag:blogger.com,1999:blog-3796572756048120917.post-4364789927756413222018-12-13T15:17:00.017+01:002023-03-08T18:19:54.315+01:00Proves<style>
#Attribution1 {display: none;}
#BlogSearch1 {display: none;}
#PageList1 {display: none;}
#PageList2 {display: none;}
#PageList5 {display: none;}
#sidebar-right-1 {display: none;}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid #666;
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
font: 10px normal verdana, arial;
}
</style>
<script type="text/javascript" >
var simpleGallery_navpanel={
loadinggif: 'https://parairecarles.blogspot.com/p/01-12-2018-moli-de-molinas_14.html', //full path or URL to loading gif image
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKodTt84YXskcv7VCV-PaYX1x_EoZfUt6rO6dZBn4HMLsDhBSbL-CKoHBxzbDBcuVISToWDzYs9JtVMT1GQcT3rqRcn8_oxbvH3JjYj4seNTGKAHmKgtYwbmTmyT_Rgx6sSktlVAQhEM/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs31fk1Ym_RmAgBTnoY0sus0pod5-6B-zcceTxQ8NuGlCNBfB2a5wULj-Qbg7pHRi1NnxO0an7HLFoDYNoVQjJF8b1gRTAZU5RTVBNQJwkC4LS38R7jI6y1p8CG9pQw3P9VWkfJFwR2GQ/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVwFm2MA8RfNZRPYKCUac_Af_SUcRa0dKnZUMB3MjJCnZMnnv-1yBuZXOzgh2gzoRlWEXJH1OMQpxcgIaZA8zzgy-3OeAhNCDhyc6gaiw8ZfmcABDakys95r0naARuCtgFylCcAEr8CQ/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRK5MbW-VAwTkU61B_aLhX8gQdkCkx1rC4zYmsmfrbjUZQF2rXIFQkvFN3c9_u7eMBlAimOEzYTWNt55ChvtAv_Wewmz_9YIkIEIVrIsQ6yreRrE0R992dWUsDliCuGyO_H8ttcaRouL0/s400/pause.gif'], //nav panel images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
function simpleGallery(settingarg){
this.setting=settingarg
settingarg=null
var setting=this.setting
setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height)
setting.fadeduration=parseInt(setting.fadeduration)
setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0
setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty
setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery
setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play
setting.currentstep=0 //keep track of # of slides slideshow has gone through
setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles
setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide)
setting.oninit=setting.oninit || function(){}
setting.onslide=setting.onslide || function(){}
var preloadimages=[], longestdesc=null, loadedimages=0
var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it
setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains ""
setting.$loadinggif=(function(){ //preload and ref ajax loading gif
var loadgif=new Image()
loadgif.src=simpleGallery_navpanel.loadinggif
return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('<div style="position:absolute;text-align:center;width:100%;height:100%" />').parent()
})()
for (var i=0; i<setting.imagearray.length; i++){ //preload slideshow images
preloadimages[i]=new Image()
preloadimages[i].src=setting.imagearray[i][0]
if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length)
setting.longestdesc=setting.imagearray[i][3]
jQuery(preloadimages[i]).bind('load error', function(){
loadedimages++
if (loadedimages==setting.imagearray.length){
dfd.resolve() //indicate all images have been loaded
}
})
}
var slideshow=this
jQuery(document).ready(function($){
var setting=slideshow.setting
setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV
if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.")
return
}
setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>') //two stacked DIVs to display the actual slide
.css({position:'absolute', left:0, top:0})
.appendTo(setting.$wrapperdiv)
setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif
setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects
setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
setting.descdiv=simpleGallery.routines.adddescpanel(setting)
$(setting.navbuttons).filter('img.navimages').css({opacity:0.8})
.bind('mouseover mouseout', function(e){
$(this).css({opacity:(e.type=="mouseover")? 1 : 0.8})
})
.bind('click', function(e){
var keyword=e.target.title.toLowerCase()
slideshow.navigate(keyword) //assign behavior to nav images
})
dfd.done(function(){ //execute when all images have loaded
setting.$loadinggif.remove()
setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')})
setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')})
slideshow.showslide(setting.curimage) //show initial slide
setting.oninit.call(slideshow) //trigger oninit() event
$(window).bind('unload', function(){ //clean up and persist
$(slideshow.setting.navbuttons).unbind()
if (slideshow.setting.persist) //remember last shown image's index
simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage)
jQuery.each(slideshow.setting, function(k){
if (slideshow.setting[k] instanceof Array){
for (var i=0; i<slideshow.setting[k].length; i++){
if (slideshow.setting[k][i].tagName=="DIV") //catches 2 gallerylayer divs, gallerystatus div
slideshow.setting[k][i].innerHTML=null
slideshow.setting[k][i]=null
}
}
if (slideshow.setting[k].innerHTML) //catch gallerydesctext div
slideshow.setting[k].innerHTML=null
slideshow.setting[k]=null
})
slideshow=slideshow.setting=null
})
}) //end deferred code
}) //end jQuery domload
}
simpleGallery.prototype={
navigate:function(keyword){
clearTimeout(this.setting.playtimer)
this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number
if (!isNaN(parseInt(keyword))){
this.showslide(parseInt(keyword))
}
else if (/(prev)|(next)/i.test(keyword)){
this.showslide(keyword.toLowerCase())
}
else{ //if play|pause button
var slideshow=this
var $playbutton=$(this.setting.navbuttons).eq(1)
if (!this.setting.ispaused){ //if pause Gallery
this.setting.autoplay[0]=false
$playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]})
}
else if (this.setting.ispaused){ //if play Gallery
this.setting.autoplay[0]=true
this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1])
$playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]})
}
slideshow.setting.ispaused=!slideshow.setting.ispaused
}
},
showslide:function(keyword){
var slideshow=this
var setting=slideshow.setting
var totalimages=setting.imagearray.length
var imgindex=(keyword=="next")? (setting.curimage<totalimages-1? setting.curimage+1 : 0)
: (keyword=="prev")? (setting.curimage>0? setting.curimage-1 : totalimages-1)
: Math.min(keyword, totalimages-1)
setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex])
setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground
.stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete:
clearTimeout(setting.playtimer)
setting.gallerylayers[setting.bglayer].innerHTML=null //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below)
try{
setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage)
}catch(e){
alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e)
}
setting.currentstep+=1
if (setting.autoplay[0]){
if (setting.currentstep<=setting.totalsteps)
setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1])
else
slideshow.navigate("play/pause")
}
}) //end callback function
setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background
setting.fglayer=setting.bglayer
setting.bglayer=(setting.bglayer==0)? 1 : 0
setting.curimage=imgindex
setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length
if (setting.imagearray[imgindex][3]){ //if this slide contains a description
setting.$descpanel.css({visibility:'visible'})
setting.descdiv.innerHTML=setting.imagearray[imgindex][3]
}
else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled)
setting.descdiv.innerHTML=null
setting.$descpanel.css({visibility:'hidden'})
}
},
showhidenavpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1]
setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
this.showhidedescpanel(state)
},
showhidedescpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? 0 : -setting.descpanelheight
setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
}
}
simpleGallery.routines={
getSlideHTML:function(imgelement){
var layerHTML=(imgelement[1])? '<a href="'+imgelement[1]+'" target="'+imgelement[2]+'">\n' : '' //hyperlink slide?
layerHTML+='<img src="'+imgelement[0]+'" style="border-width:0" />'
layerHTML+=(imgelement[1])? '</a>' : ''
return layerHTML //return HTML for this layer
},
addnavpanel:function(setting){
var interfaceHTML=''
for (var i=0; i<3; i++){
var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0)
var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next')
var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i]
interfaceHTML+='<img class="navimages" title="' + title + '" src="'+ imagesrc +'" style="'+imgstyle+'" /> '
}
interfaceHTML+='<div class="gallerystatus" style="margin-top:1px">' + (setting.curimage+1) + '/' + setting.imagearray.length + '</div>'
setting.$navpanel=$('<div class="navpanellayer"></div>')
.css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'})
.appendTo(setting.$wrapperdiv)
$('<div class="navpanelbg"></div><div class="navpanelfg"></div>') //create inner nav panel DIVs
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div
.eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div
.appendTo(setting.$navpanel)
return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects
},
adddescpanel:function(setting){
setting.$descpanel=$('<div class="gallerydesc"><div class="gallerydescbg"></div><div class="gallerydescfg"><div class="gallerydesctext"></div></div></div>')
.css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'})
.find('div').css({position:'absolute', left:0, top:0, width:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div
.eq(1).css({color:'white'}).end() //"gallerydescfg" div
.eq(2).html(setting.longestdesc).end().end()
.appendTo(setting.$wrapperdiv)
var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext')
setting.descpanelheight=$gallerydesctext.outerHeight()
setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'})
return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object
},
getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},
setCookie:function(name, value){
document.cookie = name+"=" + value + ";path=/"
}
}
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [1155, 770], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0UiWdWgF8Gy0FJ2wFDsCjGQ02gsCOC-0JBZxV-SqDr6ZM26AGjS67bGTwSzt6_FnwrQfhIxmwxzPoq8qm3xgpk2f8nzFB9xeupKXAQolWM9y1gaJIE_WtCf7Ij944DcRFo-lITaXIfFM/s1600/2019-02-09_La+GutinaInici.jpg", "07-11-2021-estany-de-banyoles.html", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIngv6G4j6vYAE5yu8Kx-2YdfI6PYBG6lTmPTPDq7XGKuFlib_VISbfZpqXdH6hpnPF_hmaXIK4rVfMJk5DSIcK361gKhN5y6bCC45aSa4ncA7jVRqR6UQVoXb4q9sMV9Dho3UHPzshSI/s1600/2019-02-09_la+gutinaInici_1.jpg", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1r5jPvspHR-fhqGSsQrtOvDj_VE26Y34gatbzeQkfOsRj1uPqNPUOnVG4N8MuAEcCpTGD-VfZWhPG-oRMXo2ISG5eZwjB54qR843H_LIkYz23-XPQLAVy6HwC46nkVdGELZq1M10bfx0/s1600/2019-02-09_La+GutinaInici_2.jpg", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwXg77SIEUT6GSLPdJ8waL8ayqmXBy2cei7ayLbkKK5nF-I0S_mJPZzL_eHHxquTqm5AxNv-R6C342cxMGHsUWGg9B9qzHD4zdqpj-OnfmZ8FaBIKWSWDC6Ek4H08yCuZcIc88v9suznI/s1600/2019-06-01_Cap+NorfeuInici.jpg", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-tILXTI9uy4Qz27NY_tOAze_c-vqPaplyRleAChWpj0PVf76q-V256kOEEioM6QtDTR1-l98txospCqY8da-Hk4fJpU56PMGhMPplADLwxhAMKmAOBemGSJ_4nOjeJUbr7DBbfZhcfGM/s1600/3_2018-11-06_Gorg+Moli+dels+MurrisInici.jpg", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdfZMy2jop21XlCf_7WNDs9XP53ctWvjCfHRx3wkoChrmPCGIlUJiakq-93-jU8gBoKf0eyMCy-rt5nndfnbUmmfu7rZc9JOCFwJgHxQs4rBZ3ly2S-k-0_XY1US1FQfhhrQCzK9QHpRo/s1600/2018-09-27_AiguamollsEmpordaInici.jpg", "#", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEvbSIGqOmRNynMUvJbLSvqPaN7yt8lGxZ-ieVodybSpKa6zKgJjPhMiiwmvqs20y0mhyphenhyphen2rpJuglOVr5F8-akpPeUtjdOQlTjNlTivyC7NSEMckqrLOiLVWv6aHcw5b7vA9LUoCwXWghg/s1600/2018-10-22_Gorgs+de+Les+Planes+Inici.jpg","#", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOLGKDmfJMVSfF-2pDpHJ2kPvO5gjON1LmpI5uyPDighYNTHQtUFVX58jEVj_6SC41zSQNJXKK_kVwYzowYtSO6tdv-Rv8b996asgAwW-nrTSgl5BWSjbpC6klkzbJgodGhsOpTckQfA8/s1600/2018-12-01_Moli+de+MolinasInici.jpg", "#", "_new", ""],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-BgIUxTA511VjlnbafqV9jy4yTB86UMGuNvebMZnawRGvSPKmgrL0SuKuT3yZuSiuuGLi_I2K6dSytlDzVypTCwa49axDiOoBySdMFZHiqCrkBdfgGwWYMB_uNOqtfb3qZRfU8QXzdP8/s1600/2018-10-24_PlatjaEspollaBlog.jpg", "#", "_new", ""],
],
autoplay: [true, 5000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>
<div id="simplegallery1"></div>
<a href="https://www.flickr.com/photos/197523530@N02/">CP</a>
CarlesPhttp://www.blogger.com/profile/12090387527863091397noreply@blogger.comtag:blogger.com,1999:blog-3796572756048120917.post-46070228279869433722018-12-13T15:17:00.010+01:002023-02-26T17:56:45.261+01:00<style>
#Attribution1 {display: none;} #BlogSearch1 {display: none;} #PageList1 {display: none;} #PageList2 {display: none;} #PageList5 {display: none;} #sidebar-right-1 {display: none;}
</style>
<script
type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js
"
></script>
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/ #simplegallery1{ //CSS for Simple Gallery Example 1 position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 1px solid #666; } #simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined) text-align: left; padding: 2px 5px; font: 10px normal verdana, arial; }
</style>
<script type="text/javascript">
var simpleGallery_navpanel={ loadinggif: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0nZJEUPQD5TfZ3iKRkS4z_gihz8YYLspbejN3uzsgHkDvmnyhXMOODwDcscaF-pBsU7KDMb5CSkRrEb7dRUBgFvb4P7ChGWGD3XAUK7GhW-ZwvKfTUERA-Z6XLHy9TX7tBQQ0IN0Yt8s/s400/ajaxload.gif', //full path or URL to loading gif image panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKodTt84YXskcv7VCV-PaYX1x_EoZfUt6rO6dZBn4HMLsDhBSbL-CKoHBxzbDBcuVISToWDzYs9JtVMT1GQcT3rqRcn8_oxbvH3JjYj4seNTGKAHmKgtYwbmTmyT_Rgx6sSktlVAQhEM/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs31fk1Ym_RmAgBTnoY0sus0pod5-6B-zcceTxQ8NuGlCNBfB2a5wULj-Qbg7pHRi1NnxO0an7HLFoDYNoVQjJF8b1gRTAZU5RTVBNQJwkC4LS38R7jI6y1p8CG9pQw3P9VWkfJFwR2GQ/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVwFm2MA8RfNZRPYKCUac_Af_SUcRa0dKnZUMB3MjJCnZMnnv-1yBuZXOzgh2gzoRlWEXJH1OMQpxcgIaZA8zzgy-3OeAhNCDhyc6gaiw8ZfmcABDakys95r0naARuCtgFylCcAEr8CQ/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRK5MbW-VAwTkU61B_aLhX8gQdkCkx1rC4zYmsmfrbjUZQF2rXIFQkvFN3c9_u7eMBlAimOEzYTWNt55ChvtAv_Wewmz_9YIkIEIVrIsQ6yreRrE0R992dWUsDliCuGyO_H8ttcaRouL0/s400/pause.gif'], //nav panel images (in that order) imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images slideduration: 500 //duration of slide up animation to reveal panel } function simpleGallery(settingarg){ this.setting=settingarg settingarg=null var setting=this.setting setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height) setting.fadeduration=parseInt(setting.fadeduration) setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0 setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play setting.currentstep=0 //keep track of # of slides slideshow has gone through setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide) setting.oninit=setting.oninit || function(){} setting.onslide=setting.onslide || function(){} var preloadimages=[], longestdesc=null, loadedimages=0 var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains "" setting.$loadinggif=(function(){ //preload and ref ajax loading gif var loadgif=new Image() loadgif.src=simpleGallery_navpanel.loadinggif return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('<div style="position:absolute;text-align:center;width:100%;height:100%" />').parent() })() for (var i=0; i<setting.imagearray.length; i++){ //preload slideshow images preloadimages[i]=new Image() preloadimages[i].src=setting.imagearray[i][0] if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length) setting.longestdesc=setting.imagearray[i][3] jQuery(preloadimages[i]).bind('load error', function(){ loadedimages++ if (loadedimages==setting.imagearray.length){ dfd.resolve() //indicate all images have been loaded } }) } var slideshow=this jQuery(document).ready(function($){ var setting=slideshow.setting setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.") return } setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>') //two stacked DIVs to display the actual slide .css({position:'absolute', left:0, top:0}) .appendTo(setting.$wrapperdiv) setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled) setting.descdiv=simpleGallery.routines.adddescpanel(setting) $(setting.navbuttons).filter('img.navimages').css({opacity:0.8}) .bind('mouseover mouseout', function(e){ $(this).css({opacity:(e.type=="mouseover")? 1 : 0.8}) }) .bind('click', function(e){ var keyword=e.target.title.toLowerCase() slideshow.navigate(keyword) //assign behavior to nav images }) dfd.done(function(){ //execute when all images have loaded setting.$loadinggif.remove() setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')}) setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')}) slideshow.showslide(setting.curimage) //show initial slide setting.oninit.call(slideshow) //trigger oninit() event $(window).bind('unload', function(){ //clean up and persist $(slideshow.setting.navbuttons).unbind() if (slideshow.setting.persist) //remember last shown image's index simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage) jQuery.each(slideshow.setting, function(k){ if (slideshow.setting[k] instanceof Array){ for (var i=0; i<slideshow.setting[k].length; i++){ if (slideshow.setting[k][i].tagName=="DIV") //catches 2 gallerylayer divs, gallerystatus div slideshow.setting[k][i].innerHTML=null slideshow.setting[k][i]=null } } if (slideshow.setting[k].innerHTML) //catch gallerydesctext div slideshow.setting[k].innerHTML=null slideshow.setting[k]=null }) slideshow=slideshow.setting=null }) }) //end deferred code }) //end jQuery domload } simpleGallery.prototype={ navigate:function(keyword){ clearTimeout(this.setting.playtimer) this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number if (!isNaN(parseInt(keyword))){ this.showslide(parseInt(keyword)) } else if (/(prev)|(next)/i.test(keyword)){ this.showslide(keyword.toLowerCase()) } else{ //if play|pause button var slideshow=this var $playbutton=$(this.setting.navbuttons).eq(1) if (!this.setting.ispaused){ //if pause Gallery this.setting.autoplay[0]=false $playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]}) } else if (this.setting.ispaused){ //if play Gallery this.setting.autoplay[0]=true this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1]) $playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]}) } slideshow.setting.ispaused=!slideshow.setting.ispaused } }, showslide:function(keyword){ var slideshow=this var setting=slideshow.setting var totalimages=setting.imagearray.length var imgindex=(keyword=="next")? (setting.curimage<totalimages-1? setting.curimage+1 : 0) : (keyword=="prev")? (setting.curimage>0? setting.curimage-1 : totalimages-1) : Math.min(keyword, totalimages-1) setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex]) setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground .stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete: clearTimeout(setting.playtimer) setting.gallerylayers[setting.bglayer].innerHTML=null //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below) try{ setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage) }catch(e){ alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e) } setting.currentstep+=1 if (setting.autoplay[0]){ if (setting.currentstep<=setting.totalsteps) setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1]) else slideshow.navigate("play/pause") } }) //end callback function setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background setting.fglayer=setting.bglayer setting.bglayer=(setting.bglayer==0)? 1 : 0 setting.curimage=imgindex setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length if (setting.imagearray[imgindex][3]){ //if this slide contains a description setting.$descpanel.css({visibility:'visible'}) setting.descdiv.innerHTML=setting.imagearray[imgindex][3] } else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled) setting.descdiv.innerHTML=null setting.$descpanel.css({visibility:'hidden'}) } }, showhidenavpanel:function(state){ var setting=this.setting var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1] setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration) if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled) this.showhidedescpanel(state) }, showhidedescpanel:function(state){ var setting=this.setting var endpoint=(state=="show")? 0 : -setting.descpanelheight setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration) } } simpleGallery.routines={ getSlideHTML:function(imgelement){ var layerHTML=(imgelement[1])? '<a href="'+imgelement[1]+'" target="'+imgelement[2]+'">\n' : '' //hyperlink slide? layerHTML+='<img src="'+imgelement[0]+'" style="border-width:0" />' layerHTML+=(imgelement[1])? '</a>' : '' return layerHTML //return HTML for this layer }, addnavpanel:function(setting){ var interfaceHTML='' for (var i=0; i<3; i++){ var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0) var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next') var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i] interfaceHTML+='<img class="navimages" title="' + title + '" src="'+ imagesrc +'" style="'+imgstyle+'" /> ' } interfaceHTML+='<div class="gallerystatus" style="margin-top:1px">' + (setting.curimage+1) + '/' + setting.imagearray.length + '</div>' setting.$navpanel=$('<div class="navpanellayer"></div>') .css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'}) .appendTo(setting.$wrapperdiv) $('<div class="navpanelbg"></div><div class="navpanelfg"></div>') //create inner nav panel DIVs .css({position:'absolute', left:0, top:0, width:'100%', height:'100%'}) .eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div .eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div .appendTo(setting.$navpanel) return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects }, adddescpanel:function(setting){ setting.$descpanel=$('<div class="gallerydesc"><div class="gallerydescbg"></div><div class="gallerydescfg"><div class="gallerydesctext"></div></div></div>') .css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'}) .find('div').css({position:'absolute', left:0, top:0, width:'100%'}) .eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div .eq(1).css({color:'white'}).end() //"gallerydescfg" div .eq(2).html(setting.longestdesc).end().end() .appendTo(setting.$wrapperdiv) var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext') setting.descpanelheight=$gallerydesctext.outerHeight() setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'}) return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null }, setCookie:function(name, value){ document.cookie = name+"=" + value + ";path=/" } }
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({ wrapperid: "simplegallery1", //ID of main gallery container, dimensions: [1155, 770], //width/height of gallery in pixels. Should reflect dimensions of the images exactly imagearray: [ ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0UiWdWgF8Gy0FJ2wFDsCjGQ02gsCOC-0JBZxV-SqDr6ZM26AGjS67bGTwSzt6_FnwrQfhIxmwxzPoq8qm3xgpk2f8nzFB9xeupKXAQolWM9y1gaJIE_WtCf7Ij944DcRFo-lITaXIfFM/s1600/2019-02-09_La+GutinaInici.jpg", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIngv6G4j6vYAE5yu8Kx-2YdfI6PYBG6lTmPTPDq7XGKuFlib_VISbfZpqXdH6hpnPF_hmaXIK4rVfMJk5DSIcK361gKhN5y6bCC45aSa4ncA7jVRqR6UQVoXb4q9sMV9Dho3UHPzshSI/s1600/2019-02-09_la+gutinaInici_1.jpg", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1r5jPvspHR-fhqGSsQrtOvDj_VE26Y34gatbzeQkfOsRj1uPqNPUOnVG4N8MuAEcCpTGD-VfZWhPG-oRMXo2ISG5eZwjB54qR843H_LIkYz23-XPQLAVy6HwC46nkVdGELZq1M10bfx0/s1600/2019-02-09_La+GutinaInici_2.jpg", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwXg77SIEUT6GSLPdJ8waL8ayqmXBy2cei7ayLbkKK5nF-I0S_mJPZzL_eHHxquTqm5AxNv-R6C342cxMGHsUWGg9B9qzHD4zdqpj-OnfmZ8FaBIKWSWDC6Ek4H08yCuZcIc88v9suznI/s1600/2019-06-01_Cap+NorfeuInici.jpg", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-tILXTI9uy4Qz27NY_tOAze_c-vqPaplyRleAChWpj0PVf76q-V256kOEEioM6QtDTR1-l98txospCqY8da-Hk4fJpU56PMGhMPplADLwxhAMKmAOBemGSJ_4nOjeJUbr7DBbfZhcfGM/s1600/3_2018-11-06_Gorg+Moli+dels+MurrisInici.jpg", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdfZMy2jop21XlCf_7WNDs9XP53ctWvjCfHRx3wkoChrmPCGIlUJiakq-93-jU8gBoKf0eyMCy-rt5nndfnbUmmfu7rZc9JOCFwJgHxQs4rBZ3ly2S-k-0_XY1US1FQfhhrQCzK9QHpRo/s1600/2018-09-27_AiguamollsEmpordaInici.jpg", "#", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEvbSIGqOmRNynMUvJbLSvqPaN7yt8lGxZ-ieVodybSpKa6zKgJjPhMiiwmvqs20y0mhyphenhyphen2rpJuglOVr5F8-akpPeUtjdOQlTjNlTivyC7NSEMckqrLOiLVWv6aHcw5b7vA9LUoCwXWghg/s1600/2018-10-22_Gorgs+de+Les+Planes+Inici.jpg","#", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOLGKDmfJMVSfF-2pDpHJ2kPvO5gjON1LmpI5uyPDighYNTHQtUFVX58jEVj_6SC41zSQNJXKK_kVwYzowYtSO6tdv-Rv8b996asgAwW-nrTSgl5BWSjbpC6klkzbJgodGhsOpTckQfA8/s1600/2018-12-01_Moli+de+MolinasInici.jpg", "#", "_new", ""], ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-BgIUxTA511VjlnbafqV9jy4yTB86UMGuNvebMZnawRGvSPKmgrL0SuKuT3yZuSiuuGLi_I2K6dSytlDzVypTCwa49axDiOoBySdMFZHiqCrkBdfgGwWYMB_uNOqtfb3qZRfU8QXzdP8/s1600/2018-10-24_PlatjaEspollaBlog.jpg", "#", "_new", ""], ], autoplay: [true, 5000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int] persist: false, //remember last viewed slide and recall within same session? fadeduration: 500, //transition duration (milliseconds) oninit:function(){ //event that fires when gallery has initialized/ ready to run //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")) }, onslide:function(curslide, i){ //event that fires after each slide is shown //Keyword "this": references current gallery instance //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML) //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc) } })
</script>
<div id="simplegallery1"></div>
<a href="https://parairecarles.blogspot.com/p/proves.html">CP</a>
CarlesPhttp://www.blogger.com/profile/12090387527863091397noreply@blogger.com0