Sidor

Sidensvansar på besök, Januari 2017

var reslider5 = { id: ‘5’, name: ‘sidensvansar’, params:JSON.parse(‘{”autoplay”:1,”pauseonhover”:1,”behavior”:2,”effect”:{”type”:0,”duration”:2500,”interval”:2500},”thumbnails”:{”show”:0,”positioning”:0},”custom”:{”type”:”button”,”show”:1,”style”:{”width”:”100″,”height”:”50″,”left”:”100px”,”top”:”200px”,”color”:”000000″,”opacity”:”50″,”font”:{”size”:”14″},”border”:{”color”:”3478FF”,”width”:”2″,”radius”:”10″},”background”:{”color”:”E8FF81″,”hover”:”30FF4F”}}},”title”:{”show”:0,”position”:”1″,”style”:{”width”:150,”height”:50,”left”:”10px”,”top”:”20px”,”color”:”FFFFFF”,”opacity”:100,”font”:{”size”:16},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”FFFFFF”,”hover”:”000000″}}},”description”:{”show”:1,”position”:”1″,”style”:{”width”:358,”height”:40,”left”:”14.5833px”,”top”:”515.7px”,”color”:”000000″,”opacity”:0,”font”:{”size”:16},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”FFFFFF”,”hover”:”FF3A1F”}}},”arrows”:{”show”:1,”type”:17,”style”:{”background”:{”width”:”30″,”height”:”40″,”left”:”0px -90px”,”right”:”30px 0px”,”hover”:{”left”:”0px -50px”,”right”:”30px -50px”}}}},”bullets”:{”show”:2,”type”:”0″,”position”:0,”autocenter”:0,”rows”:1,”s_x”:10,”s_y”:10,”orientation”:1,”style”:{”background”:{”width”:”60″,”height”:”60″,”color”:{”hover”:646464,”active”:”30FF4F”,”link”:”CCCCCC”}},”position”:{”top”:”16px”,”left”:”10px”}}}}’), style:JSON.parse(‘{”background”:”blue;”,”border”:”1px solid red;”,”color”:”yellow”,”width”:”850″,”height”:”567″,”marginLeft”:”0″,”marginRight”:”0″,”marginTop”:”0″,”marginBottom”:”0″}’), custom:JSON.parse(‘{}’), count: ‘3’, slides:{} }; reslider5[‘slides’][‘slide’+’68’] = {}; reslider5[‘slides’][‘slide’+’68’][‘id’] = ’68’; reslider5.slides[‘slide’+’68’][‘title’] = ‘sidensvans par’; reslider5.slides[‘slide’+’68’][‘description’] = ‘Sidensvansar, Januari 2017’; reslider5.slides[‘slide’+’68’][‘image_link’] = ”; reslider5.slides[‘slide’+’68’][‘url’] = ‘http://media3.styrso.info/2017/01/sidensvans-par.jpg’; reslider5.slides[‘slide’+’68’][‘type’] = ”; reslider5.slides[‘slide’+’68’][‘custom’] = JSON.parse(‘{}’); reslider5[‘slides’][‘slide’+’67’] = {}; reslider5[‘slides’][‘slide’+’67’][‘id’] = ’67’; […] Fortsätt till Sidensvansar på besök, Januari 2017

Vinter stillhet – Styrsö Halsvik 2017

var reslider4 = { id: ‘4’, name: ‘Halsvik vinterdag’, params:JSON.parse(‘{”autoplay”:1,”pauseonhover”:1,”behavior”:2,”effect”:{”type”:0,”duration”:2000,”interval”:2000},”thumbnails”:{”show”:0,”positioning”:0},”custom”:{”type”:”button”,”show”:1,”style”:{”width”:”100″,”height”:”50″,”left”:”100px”,”top”:”200px”,”color”:”000000″,”opacity”:”50″,”font”:{”size”:”14″},”border”:{”color”:”3478FF”,”width”:”2″,”radius”:”10″},”background”:{”color”:”E8FF81″,”hover”:”30FF4F”}}},”title”:{”show”:0,”position”:”1″,”style”:{”width”:150,”height”:50,”left”:”48.2334px”,”top”:”68px”,”color”:”FFFFFF”,”opacity”:70,”font”:{”size”:16},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”CCCCCC”,”hover”:”000000″}}},”description”:{”show”:1,”position”:”1″,”style”:{”width”:556,”height”:35,”left”:”23.8167px”,”top”:”508px”,”color”:”FFFFFF”,”opacity”:0,”font”:{”size”:18},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”FFFFFF”,”hover”:”000000″}}},”arrows”:{”show”:1,”type”:17,”style”:{”background”:{”width”:”30″,”height”:”40″,”left”:”0px -90px”,”right”:”30px 0px”,”hover”:{”left”:”0px -50px”,”right”:”30px -50px”}}}},”bullets”:{”show”:1,”type”:”0″,”position”:0,”autocenter”:0,”rows”:1,”s_x”:10,”s_y”:10,”orientation”:1,”style”:{”background”:{”width”:”60″,”height”:”60″,”color”:{”hover”:646464,”active”:”30FF4F”,”link”:”CCCCCC”}},”position”:{”top”:”16px”,”left”:”10px”}}}}’), style:JSON.parse(‘{”background”:”blue;”,”border”:”1px solid red;”,”color”:”yellow”,”width”:”850″,”height”:”567″,”marginLeft”:”0″,”marginRight”:”0″,”marginTop”:”0″,”marginBottom”:”0″}’), custom:JSON.parse(‘{}’), count: ’11’, slides:{} }; reslider4[‘slides’][‘slide’+’55’] = {}; reslider4[‘slides’][‘slide’+’55’][‘id’] = ’55’; reslider4.slides[‘slide’+’55’][‘title’] = ‘bildspel bodar’; reslider4.slides[‘slide’+’55’][‘description’] = ‘Halsvik 2 Januari 2017’; reslider4.slides[‘slide’+’55’][‘image_link’] = ”; reslider4.slides[‘slide’+’55’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-bodar.jpg’; reslider4.slides[‘slide’+’55’][‘type’] = ”; reslider4.slides[‘slide’+’55’][‘custom’] = JSON.parse(‘{}’); reslider4[‘slides’][‘slide’+’65’] = {}; reslider4[‘slides’][‘slide’+’65’][‘id’] = ’65’;
reslider4.slides[‘slide’+’65’][‘title’] = ‘bildspel sjöbod’;
reslider4.slides[‘slide’+’65’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’65’][‘image_link’] = ”;
reslider4.slides[‘slide’+’65’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-sjöbod.jpg’;
reslider4.slides[‘slide’+’65’][‘type’] = ”;
reslider4.slides[‘slide’+’65’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’61’] = {};
reslider4[‘slides’][‘slide’+’61’][‘id’] = ’61’;
reslider4.slides[‘slide’+’61’][‘title’] = ‘bildspel svanar’;
reslider4.slides[‘slide’+’61’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’61’][‘image_link’] = ”;
reslider4.slides[‘slide’+’61’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-svanar.jpg’;
reslider4.slides[‘slide’+’61’][‘type’] = ”;
reslider4.slides[‘slide’+’61’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’63’] = {};
reslider4[‘slides’][‘slide’+’63’][‘id’] = ’63’;
reslider4.slides[‘slide’+’63’][‘title’] = ‘bildspel bohusgranit’;
reslider4.slides[‘slide’+’63’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’63’][‘image_link’] = ”;
reslider4.slides[‘slide’+’63’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-bohusgranit.jpg’;
reslider4.slides[‘slide’+’63’][‘type’] = ”;
reslider4.slides[‘slide’+’63’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’56’] = {};
reslider4[‘slides’][‘slide’+’56’][‘id’] = ’56’;
reslider4.slides[‘slide’+’56’][‘title’] = ‘bildspel brygga’;
reslider4.slides[‘slide’+’56’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’56’][‘image_link’] = ”;
reslider4.slides[‘slide’+’56’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-brygga.jpg’;
reslider4.slides[‘slide’+’56’][‘type’] = ”;
reslider4.slides[‘slide’+’56’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’60’] = {};
reslider4[‘slides’][‘slide’+’60’][‘id’] = ’60’;
reslider4.slides[‘slide’+’60’][‘title’] = ‘bildspel sol’;
reslider4.slides[‘slide’+’60’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’60’][‘image_link’] = ”;
reslider4.slides[‘slide’+’60’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-sol.jpg’;
reslider4.slides[‘slide’+’60’][‘type’] = ”;
reslider4.slides[‘slide’+’60’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’59’] = {};
reslider4[‘slides’][‘slide’+’59’][‘id’] = ’59’;
reslider4.slides[‘slide’+’59’][‘title’] = ‘bildspel dyktlb’;
reslider4.slides[‘slide’+’59’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’59’][‘image_link’] = ”;
reslider4.slides[‘slide’+’59’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-dyktlb.jpg’;
reslider4.slides[‘slide’+’59’][‘type’] = ”;
reslider4.slides[‘slide’+’59’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’62’] = {};
reslider4[‘slides’][‘slide’+’62’][‘id’] = ’62’;
reslider4.slides[‘slide’+’62’][‘title’] = ‘bildspel akterfästen’;
reslider4.slides[‘slide’+’62’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’62’][‘image_link’] = ”;
reslider4.slides[‘slide’+’62’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-akterfästen.jpg’;
reslider4.slides[‘slide’+’62’][‘type’] = ”;
reslider4.slides[‘slide’+’62’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’58’] = {};
reslider4[‘slides’][‘slide’+’58’][‘id’] = ’58’;
reslider4.slides[‘slide’+’58’][‘title’] = ‘bildspel båt’;
reslider4.slides[‘slide’+’58’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’58’][‘image_link’] = ”;
reslider4.slides[‘slide’+’58’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-båt.jpg’;
reslider4.slides[‘slide’+’58’][‘type’] = ”;
reslider4.slides[‘slide’+’58’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’64’] = {};
reslider4[‘slides’][‘slide’+’64’][‘id’] = ’64’;
reslider4.slides[‘slide’+’64’][‘title’] = ‘bildspel brygga2’;
reslider4.slides[‘slide’+’64’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’64’][‘image_link’] = ”;
reslider4.slides[‘slide’+’64’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-brygga2.jpg’;
reslider4.slides[‘slide’+’64’][‘type’] = ”;
reslider4.slides[‘slide’+’64’][‘custom’] = JSON.parse(‘{}’);
reslider4[‘slides’][‘slide’+’57’] = {};
reslider4[‘slides’][‘slide’+’57’][‘id’] = ’57’;
reslider4.slides[‘slide’+’57’][‘title’] = ‘bildspel bryggdel’;
reslider4.slides[‘slide’+’57’][‘description’] = ‘Halsvik 2 Januari 2017’;
reslider4.slides[‘slide’+’57’][‘image_link’] = ”;
reslider4.slides[‘slide’+’57’][‘url’] = ‘http://media3.styrso.info/2017/01/bildspel-bryggdel.jpg’;
reslider4.slides[‘slide’+’57’][‘type’] = ”;
reslider4.slides[‘slide’+’57’][‘custom’] = JSON.parse(‘{}’);

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

Halsvik 2 Januari 2017

div[class*=videoCover], div[id*=videoCover] {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}

img[class*=video_cover] {
position: absolute;
width: 100%;
height: 100%;
}

.youtube_play_icon {
background: url(http://www.styrso.info/wp-content/plugins/slider/images/play.youtube.png) center center no-repeat;
background-size: 9% 10%;
}
.vimeo_play_icon {
background: url(http://www.styrso.info/wp-content/plugins/slider/images/play.vimeo.png) center center no-repeat;
background-size: 9% 10%;
}

/*div[class*=videoCover] {
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
z-index: 1;
transform: perspective(2000px);
width: 100%;
height: 100%;
}*/

#slider4_container {
margin: 0 auto;
margin-bottom: 10px;
position: relative;
top: 0;
left: 0;
display: none;
overflow:hidden;
}
#slider4_container .reslide_slides img {
display: none;
}
#slider4_container .reslide_loading {
position: absolute;
top: 0;
left: 0;
}
#slider4_container .reslide_loading > div {
width:100%;
height:100%;
position: absolute;
background: #ccc;
}
#slider4_container .reslide_slides {
width: 850px;
height: 567px;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
cursor: move;
}

/*Title and description defaults ***/

#slider4_container .reslidetitle,#slider4_container .reslidedescription {
position: absolute;
overflow: hidden;
z-index: 2;
}
#slider4_container .reslidetitle > div ,#slider4_container .reslidedescription > div {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
}
#slider4_container .reslidetitle > span ,#slider4_container .reslidedescription > span {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
padding: 10px;
}

/*Title styles ***/

#slider4_container .reslidetitle {
width: 150px;
height: 50px;
top: 68px;
left: 48.2334px;
border: 0px solid #FFFFFF;
border-radius: 2px;
}
#slider4_container .reslidetitle > div {
background: #CCCCCC;
opacity: 0.7;
filter: alpha(opacity=70);
}
#slider4_container .reslidetitle > span {
padding: 10px;
text-align: center;
font-size: 16px;
background: #CCCCCC;
color: #FFFFFF;
}

#slider4_container .reslidetitle > span:hover {
background: #000000;
}

/*Description styles ***/

#slider4_container .reslidedescription {
width: 556px;
height: 35px;
top: 508px;
left: 23.8167px;
border: 0px solid #FFFFFF;
border-radius: 2px;
}
#slider4_container .reslidedescription > div {
background: #FFFFFF;
opacity: 0;
filter: alpha(opacity=0);
}

#slider4_container .reslidedescription > span:hover {
background: #000000;
}

#slider4_container .reslidedescription > span {
font-size: 18px;
color: #FFFFFF;
}

/* slide static elements ***/

#slider4_container #slider4_container .reslide_any {
width: 100px;
height: 26px;
position: absolute;
top: 10px;
left: 400px;
}
/* Sliders Customs Statics***/

/*** navigator ***/

#slider4_container .reslide_navigator {
position: absolute;

}
#slider4_container .reslide_navigator div,#slider4_container .reslide_navigator div:hover,#slider4_container .reslide_navigator .av {
position: absolute;
/* size of bullet elment */
width: 12px;
height: 12px;
border-radius: 10px;
filter: alpha(opacity=70);
opacity: .7;
overflow: hidden;
cursor: pointer;
border: #4B4B4B 1px solid;
}
#slider4_container .reslide_navigator div { background-color: #CCCCCC; }
body #slider4_container .reslide_navigator div:hover { background-color:#646464; }
#slider4_container .reslide_navigator .reslide_dotav {background-color: #74B8CF !important; border: #fff 1px solid; }
#slider4_container .reslide_navigator .dn,#slider4_container .reslide_navigator .dn:hover { background-color: #555555; }

/* arrows */

#slider4_container .reslide_arrow_left,#slider4_container .reslide_arrow_right {
display: block;
position: absolute;
/* size of arrow element */
width: 30px;
height: 40px;
cursor: pointer;
background-image: url(http://www.styrso.info/wp-content/plugins/slider/Front_images/arrows/arrows-17.png);
overflow: hidden;
z-index: 9999;
}
#slider4_container .reslide_arrow_left { background-position: 0px -90px; }
#slider4_container .reslide_arrow_left:hover { background-position: 0px -50px; }
#slider4_container .reslide_arrow_right { background-position: 30px 0px; }
#slider4_container .reslide_arrow_right:hover { background-position: 30px -50px; }

#slider4_container .reslide_arrow_left.reslide_arrow_leftdn { background-position: 0px -90px; }
#slider4_container .reslide_arrow_right.reslide_arrow_rightdn { background-position: 30px 0px; }
/* thumbnail */

.reslide-thumbnail4 {
position: absolute;
/* size of thumbnail navigator container */
height: 60px;
width: 850px;
z-index: 1;
}
#slider4_container .reslide-thumbnail4 > div {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-width: 840px;
}

#slider4_container .reslide-thumbnail4 .p {
position: absolute;
top: 0;
left: 0;
/* max-width: 62px;*/
height: 32px;
}

#slider4_container .reslide-thumbnail4 .t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}

#slider4_container .reslide-thumbnail4 .w,#slider4_container .reslide-thumbnail4 .pav:hover .w {
position: absolute;
/* max-width: 60px;*/
height: 30px;
box-sizing: border-box;
border: #0099FF 1px solid;
}

#slider4_container .reslide-thumbnail4 .pdn .w,#slider4_container .reslide-thumbnail4 .pav .w {
border-style: dashed;
}

#slider4_container .reslide-thumbnail4 .c {
position: absolute;
top: 0;
left: 0;
/* max-width: 62px;*/
height: 30px;
background-color: #000;
filter: alpha(opacity=45);
opacity: .45;
transition: opacity .6s;
-moz-transition: opacity .6s;
-webkit-transition: opacity .6s;
-o-transition: opacity .6s;
}

#slider4_container .reslide-thumbnail4 .p:hover .c, #slider4_container .reslide-thumbnail4 .pav .c {
filter: alpha(opacity=0);
opacity: 0;
}

#slider4_container .reslide-thumbnail4 .p:hover .c {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}

* html #slider4_container .reslide-thumbnail4 .w {
width /**/: 62px;
height /**/: 32px;
}

var $PlayCondition = 1;
var c_slider4;

init_c_slider4 = function (containerId) {

switch(reslider4[”params”][”effect”][”type”]) {
case 0:
var reslide_effect = {$Duration:reslider4[”params”][”effect”][”duration”],$Opacity:2,$Brother:{$Duration:1000,$Opacity:2}};
break;
case 1:
reslide_effect = {$Duration:reslider4[”params”][”effect”][”duration”],x:-0.3,y:0.5,$Zoom:1,$Rotate:0.1,$During:{$Left:[0.6,0.4],$Top:[0.6,0.4],$Rotate:[0.6,0.4],$Zoom:[0.6,0.4]},$Easing:{$Left:$JssorEasing$.$EaseInQuad,$Top:$JssorEasing$.$EaseInQuad,$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2,$Brother:{$Duration:1000,$Zoom:11,$Rotate:-0.5,$Easing:{$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2,$Shift:200}};
break;
case 2:
reslide_effect = {$Duration:reslider4[”params”][”effect”][”duration”],x:0.25,$Zoom:1.5,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Zoom:$JssorEasing$.$EaseInSine},$Opacity:2,$ZIndex:-10,$Brother:{$Duration:1400,x:-0.25,$Zoom:1.5,$Easing:{$Left:$JssorEasing$.$EaseInWave,$Zoom:$JssorEasing$.$EaseInSine},$Opacity:2,$ZIndex:-10}}
break;
case 3:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:0.5,$Cols:2,$ChessMode:{$Column:3},$Easing:{$Left:$JssorEasing$.$EaseInOutCubic},$Opacity:2,$Brother:{$Duration:1500,$Opacity:2}}
break;
case 4:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:-0.1,y:-0.7,$Rotate:0.1,$During:{$Left:[0.6,0.4],$Top:[0.6,0.4],$Rotate:[0.6,0.4]},$Easing:{$Left:$JssorEasing$.$EaseInQuad,$Top:$JssorEasing$.$EaseInQuad,$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2,$Brother:{$Duration:1000,x:0.2,y:0.5,$Rotate:-0.1,$Easing:{$Left:$JssorEasing$.$EaseInQuad,$Top:$JssorEasing$.$EaseInQuad,$Opacity:$JssorEasing$.$EaseLinear,$Rotate:$JssorEasing$.$EaseInQuad},$Opacity:2}}
break;
case 5:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:-1,y:-0.5,$Delay:50,$Cols:8,$Rows:4,$Formation:$JssorSlideshowFormations$.$FormationSquare,$Easing:{$Left:$JssorEasing$.$EaseSwing,$Top:$JssorEasing$.$EaseInJump},$Assembly:260,$Round:{$Top:1.5}}
break;
case 6:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],$Delay:30,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Easing:$JssorEasing$.$EaseOutQuad,$Assembly:2049}
break;
case 7:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:-1,$Easing:$JssorEasing$.$EaseInQuad};
break;
case 8:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:1,$Easing:$JssorEasing$.$EaseInQuad};
break;
case 9:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],y:-1,$Easing:$JssorEasing$.$EaseInQuad};
break;
case 10:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],y:1,$Easing:$JssorEasing$.$EaseInQuad};
break;
case 11:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:-1,y:2,$Rows:2,$Zoom:11,$Rotate:1,$ChessMode:{$Row:15},$Easing:{$Left:$JssorEasing$.$EaseInCubic,$Top:$JssorEasing$.$EaseInCubic,$Zoom:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseOutQuad,$Rotate:$JssorEasing$.$EaseInCubic},$Assembly:2049,$Opacity:2,$Round:{$Rotate:0.8}};
break;
case 12:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],x:2,y:1,$Cols:2,$Zoom:11,$Rotate:1,$ChessMode:{$Column:15},$Easing:{$Left:$JssorEasing$.$EaseInCubic,$Top:$JssorEasing$.$EaseInCubic,$Zoom:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseOutQuad,$Rotate:$JssorEasing$.$EaseInCubic},$Assembly:2049,$Opacity:2,$Round:{$Rotate:0.7}};
break;
case 13:
reslide_effect ={$Duration:reslider4[”params”][”effect”][”duration”],$Zoom:11,$Easing:{$Zoom:$JssorEasing$.$EaseInCubic,$Opacity:$JssorEasing$.$EaseOutQuad},$Opacity:2};
break;
}

var _SlideshowTransitions = [
reslide_effect
];
if(!reslider4[‘params’][‘thumbnails’][‘positioning’]) {
var thumbnailsCount = Math.ceil(reslider4.count-1);
}
else {
var thumbnailsCount = Math.ceil(reslider4.count);
}
var options = {
$AutoPlay: (reslider4[”params”][”autoplay”]==1)?true:false, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$SlideDuration: 500,
$AutoPlayInterval: reslider4[”params”][”effect”][”interval”],
$PauseOnHover: reslider4[”params”][”pauseonhover”],

$BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
$Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
$ChanceToShow: reslider4[”params”][”bullets”][”show”], //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: reslider4[”params”][”bullets”][”autocenter”], //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
$Rows: reslider4[”params”][”bullets”][”rows”], //[Optional] Specify lanes to arrange items, default value is 1
$SpacingX: reslider4[”params”][”bullets”][”s_x”], //[Optional] Horizontal space between each item in pixel, default value is 0
$SpacingY: reslider4[”params”][”bullets”][”s_y”], //[Optional] Vertical space between each item in pixel, default value is 0
$Orientation: reslider4[”params”][”bullets”][”orientation”] //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
},
$ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
$Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
$ChanceToShow: reslider4[”params”][”arrows”][”show”], //[Required] 0 Never, 1 Mouse Over, 2 Always
$AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
$Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
},
$SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
$Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
$Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
$TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
$ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
} ,
$ThumbnailNavigatorOptions: {
$Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
$ChanceToShow: reslider4[”params”][”thumbnails”][”show”], //[Required] 0 Never, 1 Mouse Over, 2 Always
$ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
$AutoCenter: 0, //[Optional] Auto center thumbnail items in the thumbnail navigator container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 3
$Rows: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
$SpacingX: 3, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
$SpacingY: 3, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
$Cols: thumbnailsCount, //[Optional] Number of pieces to display, default value is 1
$ParkingPosition: 0, //[Optional] The offset position to park thumbnail
$Orientation: 1, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
$NoDrag: false //[Optional] Disable drag or not, default value is false
}

};

c_slider4 = new $JssorSlider$(containerId, options);
};

jQuery(function($){

(function initReslideSlider() {

/*** ####bullets#### ***/
var css_bullets_obj, css_bullets;

switch(+reslider4[”params”][”bullets”][”position”]) {
case 0:
reslider4[”params”][”bullets”][”autocenter”] = 0;
css_bullets_obj = {”left”:reslider4[”params”][”bullets”][”style”][”position”][”left”],”top”:reslider4[”params”][”bullets”][”style”][”position”][”top”]};
css_bullets= ”left:”+reslider4[”params”][”bullets”][”style”][”position”][”left”]+”;top:”+reslider4[”params”][”bullets”][”style”][”position”][”top”];
break;
case 1:
reslider4[”params”][”bullets”][”autocenter”] = 1;
css_bullets_obj = {”right”:””,”top”:reslider4[”params”][”bullets”][”style”][”position”][”top”],”left”:””,”bottom”:””};
css_bullets = ”top:”+reslider4[”params”][”bullets”][”style”][”position”][”top”];
break;
case 2:
reslider4[”params”][”bullets”][”autocenter”] = 0;
css_bullets_obj = {”right”:reslider4[”params”][”bullets”][”style”][”position”][”right”],”top”:reslider4[”params”][”bullets”][”style”][”position”][”top”]};
css_bullets = ”right:”+reslider4[”params”][”bullets”][”style”][”position”][”right”]+”;top:”+reslider4[”params”][”bullets”][”style”][”position”][”top”];
break;
case 3:
reslider4[”params”][”bullets”][”autocenter”] = 2;
css_bullets_obj = {”right”:””,”top”:””,”left”:reslider4[”params”][”bullets”][”style”][”position”][”left”],”bottom”:””};
css_bullets = ”left:”+reslider4[”params”][”bullets”][”style”][”position”][”left”];
break;
case 4:
reslider4[”params”][”bullets”][”autocenter”] = 3;
css_bullets_obj = {”right”:””,”top”:””,”left”:””,”bottom”:””};
css_bullets = ””;
break;
case 5:
reslider4[”params”][”bullets”][”autocenter”] = 2;
css_bullets_obj = {”right”:reslider4[”params”][”bullets”][”style”][”position”][”right”],”top”:””,”left”:””,”bottom”:””};
css_bullets = ”right:”+reslider4[”params”][”bullets”][”style”][”position”][”right”];
break;
case 6:
reslider4[”params”][”bullets”][”autocenter”] = 0;
css_bullets_obj = {”left”:reslider4[”params”][”bullets”][”style”][”position”][”left”],”bottom”:reslider4[”params”][”bullets”][”style”][”position”][”bottom”]};
css_bullets = ”left:”+reslider4[”params”][”bullets”][”style”][”position”][”left”]+”;bottom:”+reslider4[”params”][”bullets”][”style”][”position”][”bottom”];
break;
case 7:
reslider4[”params”][”bullets”][”autocenter”] = 1;
css_bullets_obj = {”left”:””,”bottom”:reslider4[”params”][”bullets”][”style”][”position”][”bottom”],”right”:””};
css_bullets = ”bottom:”+reslider4[”params”][”bullets”][”style”][”position”][”bottom”];
break;
case 8:
reslider4[”params”][”bullets”][”autocenter”] = 0;
css_bullets_obj = {”left”:””,”bottom”:reslider4[”params”][”bullets”][”style”][”position”][”bottom”],”right”:reslider4[”params”][”bullets”][”style”][”position”][”right”]};
css_bullets = ”bottom:”+reslider4[”params”][”bullets”][”style”][”position”][”bottom”]+”;right:”+reslider4[”params”][”bullets”][”style”][”position”][”right”];
break;
}
_reslide.find(‘#slider4_container’,’.reslide_navigator’)[0].addStyle(css_bullets);
if(reslider4.count) {
var thubmnailCWidth = jQuery(‘.reslide-thumbnail4’).width();
var thumbWidth = thubmnailCWidth/reslider4.count;
if(reslider4[‘params’][‘thumbnails’][‘positioning’])
jQuery(‘.reslide-thumbnail4 .c,.reslide-thumbnail4 .p,.reslide-thumbnail4 .w’).width(thumbWidth-4);
else {
jQuery(‘.reslide-thumbnail4 .c,.reslide-thumbnail4 .p,.reslide-thumbnail4 .w’).width(58);
jQuery(‘.reslide-thumbnail4 .w’).width(56);
jQuery(‘.reslide-thumbnail4 > div’).css(‘max-width’,(jQuery(‘.reslide-thumbnail4′).width()-20)+’px’);//width(58);
var walk = jQuery(‘.reslide-thumbnail4’).width()-20;
var walkcount = Math.floor(walk/61)-1;
walk = walkcount* 61-3;
jQuery(‘.reslide-thumbnail4 > div’).css(‘max-width’,walk+’px’);
}
}
jQuery(‘#slider4_container .reslide_slides img’).css(‘display’,’block’);

init_c_slider4(”slider4_container”);

})();
function ScaleSlider() {
var parentWidth = $(‘#slider4_container’).parent().width();
jQuery(‘#slider4_container’).css(‘display’,’block’);

if (parentWidth) {

if(parentWidth < reslider4['style']['width']) { c_slider4.$ScaleWidth(parentWidth); jQuery('#slider4_container > div’).css(‘overflow’,’hidden’);

} else {
c_slider4.$ScaleWidth(reslider4[‘style’][‘width’]);
}
}
else
window.setTimeout(ScaleSlider, 10);
}
$(window).bind(”load”, ScaleSlider);
$(window).bind(”resize”, ScaleSlider);
$(window).bind(”orientationchange”, ScaleSlider);

});

var tag = document.createElement(‘script’);
tag.src = ”//www.youtube.com/player_api”;
var firstScriptTag = document.getElementsByTagName(‘script’)[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var playerInfoList = [], YTplayer = {}, i;
jQuery(‘.huge_it_youtube_iframe’).each(function(){
var id = jQuery(this).attr(‘id’),
_this = jQuery(this).parent().find(‘img’).attr(‘src’),
index = _this.indexOf(‘vi/’) + 3,
videoId = _this.slice(index, index + 11),
playButton = jQuery(this).parent().find(‘div[class*=youtube_play_icon]’),
controls = jQuery(this).attr(‘data-controls’),
showinfo = jQuery(this).attr(‘data-showinfo’),
rel = jQuery(this).attr(‘data-rel’);
YTplayer[i] = {
id:id,
videoId: videoId,
playButton: playButton,
controls: controls,
showinfo: showinfo,
rel: rel
};
playerInfoList.push(YTplayer[i]);
i++;
});

function onYouTubeIframeAPIReady() {
if(typeof playerInfoList === ‘undefined’)
return;

for(var i = 0; i < playerInfoList.length; i++) { createPlayer(playerInfoList[i]); } } function createPlayer(playerInfo) { var _player = new YT.Player(playerInfo.id, { width: 850, height: 567, videoId: playerInfo.videoId, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange }, playerVars: { 'controls': playerInfo.controls, 'showinfo': playerInfo.showinfo, 'rel': playerInfo.rel } }); function onPlayerReady(e) { var playButton = playerInfo.playButton, nextButton = jQuery('.reslide_arrow_right'), prevButton = jQuery('.reslide_arrow_left'); playButton.on("click", function() { _player.playVideo(); jQuery(this).css({display : 'none'}); jQuery(this).parent().find('img[class*=video_cover]').css({display : 'none'}); c_slider4.$Pause(); nextButton.on('click', function(){ _player.pauseVideo(); c_slider4.$Play(); playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); }); prevButton.on('click', function(){ _player.pauseVideo(); c_slider4.$Play(); playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); }); }); e.target.setPlaybackQuality('small'); } function onPlayerStateChange(e) { var playButton = playerInfo.playButton; switch(e.data) { case 0: playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); c_slider4.$Play(); break; case 2: setTimeout(function(){ playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); c_slider4.$Play(); },3000); } } return _player; } jQuery('iframe.huge_it_vimeo_iframe').each(function(){ Froogaloop(this).addEvent('ready', ready); }); function ready(player_id) { var froogaloop = $f(player_id), playButton = jQuery('div[class*=vimeo_play_icon]'), arrows = jQuery('.reslide_arrow_left, .reslide_arrow_right'); playButton.on('click', function(e) { var vid = jQuery(this).parent().find('iframe').attr('id'); froogaloop = $f(vid); froogaloop.api('play'); jQuery(this).css({display : 'none'}); jQuery(this).parent().find('img[class*=video_cover]').css({display : 'none'}); }); arrows.on('click', function(){ froogaloop.api('pause'); playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); }); froogaloop.addEvent('ready', function() { froogaloop.addEvent('finish', onFinish); froogaloop.addEvent('pause', onPause); froogaloop.addEvent('finish', onFinish); }); function onFinish() { var playButton = jQuery('div[class*=vimeo_play_icon]'); playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); c_slider4.$Play(); } function onPause() { var playButton = jQuery('div[class*=vimeo_play_icon]'); setTimeout(function(){ playButton.css({display : 'block'}); playButton.parent().find('img[class*=video_cover]').css({display : 'block'}); c_slider4.$Play(); }, 3000); } } jQuery('div[class*=youtube_play_icon], div[class*=vimeo_play_icon]').on('click', function(e) { c_slider4.$Pause(); }); jQuery('.reslide_arrow_left, .reslide_arrow_right').on('click', function(){ c_slider4.$Play(); }); if(reslider4['params']['behavior'] === 0){ jQuery('#slider4_container img[class*=image_]').each(function () { jQuery(this).css({ height: '100%', width: '100%' }); }); } else if(reslider4['params']['behavior'] === 1){ jQuery('#slider4_container img[class*=image_]').each(function () { var naturalWidth = jQuery(this).prop('naturalWidth'), naturalHeight = jQuery(this).prop('naturalHeight'), contWidth = '850', contHeight = '567', naturalRatio = naturalWidth / naturalHeight, defaultRatio = contWidth / contHeight; if(naturalRatio > defaultRatio){
jQuery(this).css({
width: ‘100%’,
top: ‘50%’,
transform: ‘translateY(-50%)’,
position: ‘relative’
});
}
else {
jQuery(this).css({
height: ‘100%’,
left: ‘50%’,
transform: ‘translateX(-50%)’,
position: ‘relative’
});
}

});
} else if(reslider4[‘params’][‘behavior’] === 2){
jQuery(‘#slider4_container img[class*=image_]’).each(function () {
var naturalWidth = jQuery(this).prop(‘naturalWidth’),
naturalHeight = jQuery(this).prop(‘naturalHeight’),
contWidth = ‘850’,
contHeight = ‘567’,
naturalRatio = naturalWidth / naturalHeight,
defaultRatio = contWidth / contHeight;
jQuery(this).css({
position: ”absolute”,
maxWidth: ”none”
});

if (naturalRatio

Besök i trädgården

Rådjur i trädgården, Styrsö Tången i Januari 2016 (Klicka för större)Text & Foto © JE Nilsson, Januari 2016 För en tid sedan tog jag upp frågan om vilka växter som traditionellt planteras i skärgårdens trädgårdar. Svaret var ganska entydigt – Nu för tiden, vad som helst som inte rådjuren äter. Några tycker dessa gäster är […] Fortsätt till Besök i trädgården

En bildkavalkad från Donsö Marknad

var reslider2 = { id: ‘2’, name: ‘Donsö Marknad 2013’, params:JSON.parse(‘{”autoplay”:1,”pauseonhover”:1,”behavior”:2,”effect”:{”type”:0,”duration”:1500,”interval”:1000},”thumbnails”:{”show”:0,”positioning”:0},”custom”:{”type”:”button”,”show”:1,”style”:{”width”:”100″,”height”:”50″,”left”:”100px”,”top”:”200px”,”color”:”000000″,”opacity”:”50″,”font”:{”size”:”14″},”border”:{”color”:”3478FF”,”width”:”2″,”radius”:”10″},”background”:{”color”:”E8FF81″,”hover”:”30FF4F”}}},”title”:{”show”:0,”position”:”1″,”style”:{”width”:150,”height”:50,”left”:”10px”,”top”:”20px”,”color”:”FFFFFF”,”opacity”:70,”font”:{”size”:16},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”CCCCCC”,”hover”:”000000″}}},”description”:{”show”:0,”position”:”1″,”style”:{”width”:200,”height”:60,”left”:”170px”,”top”:”20px”,”color”:”FFFFFF”,”opacity”:70,”font”:{”size”:14},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”CCCCCC”,”hover”:”000000″}}},”arrows”:{”show”:2,”type”:1,”style”:{”background”:{”width”:”49″,”height”:”49″,”left”:”91px 46px”,”right”:”-44px 1px”,”hover”:{”left”:”91px 46px”,”right”:”-44px 1px”}}}},”bullets”:{”show”:2,”type”:”0″,”position”:0,”autocenter”:0,”rows”:1,”s_x”:10,”s_y”:10,”orientation”:1,”style”:{”background”:{”width”:”60″,”height”:”60″,”color”:{”hover”:646464,”active”:”30FF4F”,”link”:”CCCCCC”}},”position”:{”top”:”16px”,”left”:”10px”}}}}’), style:JSON.parse(‘{”background”:”blue;”,”border”:”1px solid red;”,”color”:”yellow”,”width”:”850″,”height”:”850″,”marginLeft”:”0″,”marginRight”:”0″,”marginTop”:”0″,”marginBottom”:”0″}’), custom:JSON.parse(‘{}’), count: ’15’, slides:{} }; reslider2[‘slides’][‘slide’+’38’] = {}; reslider2[‘slides’][‘slide’+’38’][‘id’] = ’38’; reslider2.slides[‘slide’+’38’][‘title’] = ‘hamnfest_021’; reslider2.slides[‘slide’+’38’][‘description’] = ”; reslider2.slides[‘slide’+’38’][‘image_link’] = ”; reslider2.slides[‘slide’+’38’][‘url’] = ‘http://media3.styrso.info/2013/08/hamnfest_021.jpg’; reslider2.slides[‘slide’+’38’][‘type’] = ”; reslider2.slides[‘slide’+’38’][‘custom’] = JSON.parse(‘{}’); reslider2[‘slides’][‘slide’+’37’] = {}; reslider2[‘slides’][‘slide’+’37’][‘id’] = ’37’; reslider2.slides[‘slide’+’37’][‘title’] […] Fortsätt till En bildkavalkad från Donsö Marknad

Ö-loppet, 3 augusti 2013

var reslider3 = { id: ‘3’, name: ‘Öloppet 2013’, params:JSON.parse(‘{”autoplay”:1,”pauseonhover”:1,”behavior”:2,”effect”:{”type”:0,”duration”:1500,”interval”:1000},”thumbnails”:{”show”:0,”positioning”:0},”custom”:{”type”:”button”,”show”:1,”style”:{”width”:”100″,”height”:”50″,”left”:”100px”,”top”:”200px”,”color”:”000000″,”opacity”:”50″,”font”:{”size”:”14″},”border”:{”color”:”3478FF”,”width”:”2″,”radius”:”10″},”background”:{”color”:”E8FF81″,”hover”:”30FF4F”}}},”title”:{”show”:0,”position”:”1″,”style”:{”width”:150,”height”:50,”left”:”17.2334px”,”top”:”21px”,”color”:”FFFFFF”,”opacity”:70,”font”:{”size”:16},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”CCCCCC”,”hover”:”000000″}}},”description”:{”show”:0,”position”:”1″,”style”:{”width”:200,”height”:60,”left”:”170px”,”top”:”20px”,”color”:”FFFFFF”,”opacity”:70,”font”:{”size”:14},”border”:{”color”:”FFFFFF”,”width”:0,”radius”:2},”background”:{”color”:”CCCCCC”,”hover”:”000000″}}},”arrows”:{”show”:1,”type”:19,”style”:{”background”:{”width”:”30″,”height”:”40″,”left”:”0px -90px”,”right”:”30px 0px”,”hover”:{”left”:”0px -45px”,”right”:”30px -45px”}}}},”bullets”:{”show”:1,”type”:”0″,”position”:7,”autocenter”:1,”rows”:1,”s_x”:10,”s_y”:10,”orientation”:1,”style”:{”background”:{”width”:”60″,”height”:”60″,”color”:{”hover”:646464,”active”:”30FF4F”,”link”:”CCCCCC”}},”position”:7}}}’), style:JSON.parse(‘{”background”:”blue;”,”border”:”1px solid red;”,”color”:”yellow”,”width”:”850″,”height”:”850″,”marginLeft”:”0″,”marginRight”:”0″,”marginTop”:”0″,”marginBottom”:”0″}’), custom:JSON.parse(‘{}’), count: ’16’, slides:{} }; reslider3[‘slides’][‘slide’+’54’] = {}; reslider3[‘slides’][‘slide’+’54’][‘id’] = ’54’; reslider3.slides[‘slide’+’54’][‘title’] = ‘JEN_0007’; reslider3.slides[‘slide’+’54’][‘description’] = ”; reslider3.slides[‘slide’+’54’][‘image_link’] = ”; reslider3.slides[‘slide’+’54’][‘url’] = ‘http://media3.styrso.info/2013/08/JEN_0007.jpg’; reslider3.slides[‘slide’+’54’][‘type’] = ”; reslider3.slides[‘slide’+’54’][‘custom’] = JSON.parse(‘{}’); reslider3[‘slides’][‘slide’+’53’] = {}; reslider3[‘slides’][‘slide’+’53’][‘id’] = ’53’; reslider3.slides[‘slide’+’53’][‘title’] = […] Fortsätt till Ö-loppet, 3 augusti 2013

Chalmers utredning: Livskraft och hållbar utveckling i Göteborgs södra skärgård

Under våren 2003 gjorde studenter och lärare vid Chalmers tekniska högskola och Göteborgs universitet en fallstudie i Göteborgs södra skärgård som gick under namnet ”Livskraft och hållbar utveckling i Göteborgs södra skärgård”. Fallstudien varade i tio veckor och studenterna jobbade som konsulter och lade ned 400 timmar var på arbetet. Sexton Chalmers-studenter funderade ut tänkbara […] Fortsätt till Chalmers utredning: Livskraft och hållbar utveckling i Göteborgs södra skärgård