Höhe der Bilder wird nicht übernommen
Hallo,
ich finde die Erweiterung wunderbar. Bei den Textelementen klappt es wunderbar. Leider aber nicht mehr mit einzelnen Bildern, weil die Erweiterung deren Höhe nicht übernimmt - ich will responsive Design benutzen. Oder gibt es da einen anderen Trick, wie ich es lösen kann?
Liebe Grüße,
Jan
Problem mit Slider und Artikel mit .TPL Insert Tag
Hallo zusammen, und danke euch für die schnellen Rückmeldungen.
Hier nun der Quellcode, wenn der Fehler auftritt mit aktivem INSERT TAG Artikel.
Danke für eure Hilfe (kann gut möglich sein, dass da Fehler vorhanden sind)
Grüsse Markus
HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Home - pcatwork.ch ∙ informatik services</title>
<base href="http://pcatcloud.ch/">
<meta name="robots" content="index,follow">
<meta name="description" content="Die Firma pcatwork.ch ∙ informatik services kann Ihnen den professionellen Service bieten, der Ihnen als unser Kunde zusteht. Wir haben uns spezialisiert um Firmen- und Privatkunden bei bestehenden und neuen IT-Projekten zur Seite zu stehen.">
<meta name="keywords" content="">
<meta name="generator" content="Contao Open Source CMS">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>#left{width:240px;right:240px}#container{padding-left:240px}</style>
<link rel="stylesheet" href="system/modules/dlh_googlemaps/html/dlh_googlemaps.css">
<link rel="stylesheet" href="assets/css/da9fadee7f53.css">
<script src="assets/js/a41d255dfe74.js"></script>
<script>
progressBarColor_50 = '#8bb438';
progressBarBackgroundColor_50 = '#666666';
</script>
<style type="text/css">
#caroufredsel_skin_50 .caroufredsel_bar_wrapper {
position: absolute;
top: 10px;
right: 10px;
}
/* navigation */
#caroufredsel_skin_50 .caroufredsel_navi a, #caroufredsel_skin_50 .caroufredsel_thumbnails_navi a {
text-indent: -999em;
background-size: 32px 32px;
background-repeat: no-repeat;
background-position: center;
width: 32px;
height: 32px;
position: absolute;
opacity: 0;
transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
}
#caroufredsel_skin_50:hover .caroufredsel_prev,
#caroufredsel_skin_50:hover .caroufredsel_next { opacity: 1; }
#caroufredsel_skin_50 .caroufredsel_navi a {
top: 50%; margin-top: -18.5px;
}
#caroufredsel_skin_50 .caroufredsel_navi a.disabled { cursor: default; opacity: 0; }
/* prev */
#caroufredsel_skin_50 a.caroufredsel_prev {
left: 15px;
background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_left.svg);
}
#caroufredsel_skin_50 a.caroufredsel_prev:hover {
background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_left_hover.svg);
}
/* next */
#caroufredsel_skin_50 a.caroufredsel_next {
right: 15px;
background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_right.svg);
}
#caroufredsel_skin_50 a.caroufredsel_next:hover {
background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_arrow_right_hover.svg);
}
/* pagination */
#caroufredsel_skin_50 .caroufredsel_pagi { text-align: center; position: relative; top: -22px; height: 0; }
#caroufredsel_skin_50 .caroufredsel_pagi a {
text-indent: -9999em;
background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_page.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
display: inline-block;
padding: 0 3px;
}
#caroufredsel_skin_50 .caroufredsel_pagi a.selected { background-image: url(system/modules/dk_caroufredsel/assets/skins/light/images/icon_page_hover.svg); cursor: default; }
/* progress bar */
#caroufredsel_skin_50 .caroufredsel_bar_wrapper {
position: absolute;
top: 10px;
right: 10px;
}
</style>
<link rel="apple-touch-icon" type="image/vnd.microsoft.icon" href="http://pcatcloud.ch/assets/images/4/pcaw_favicon-ca9640d4.png" />
<link rel="icon" type="image/vnd.microsoft.icon" href="http://pcatcloud.ch/favicon.ico" />
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://pcatcloud.ch/favicon.ico" />
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]><script src="assets/html5shiv/3.6.2/html5shiv.js"></script><![endif]-->
</head>
<body id="top" class="win firefox gecko fx24">
<div id="wrapper">
<header id="header">
<div class="inside">
<!-- indexer::stop -->
<div class="mod_form mod_search tableless block">
<form action="index.php/de/suche.html" id="f3" method="get" enctype="application/x-www-form-urlencoded">
<div class="formbody">
<input type="text" name="keywords" id="ctrl_13" class="text" value="Suche"><br>
<div class="submit_container">
<input type="image" src="files/blue_business/lupe.png" id="ctrl_31" class="submit" title="Suche" alt="Suche"> </div>
</div>
</form>
</div>
<!-- indexer::continue -->
<a title="pcatwork.ch" href="#"><img height="57" width="275" alt="Logo" src="files/blue_business/logo_pcaw.png" class="logo" /></a>
<!-- indexer::stop -->
<nav class="mod_navigation hauptnavi block">
<a href="index.php/de/#skipNavigation36" class="invisible">Navigation überspringen</a>
<ul class="level_1">
<li class="active first"><span class="active first">Home</span></li>
<li class="sibling"><a href="index.php/de/dienstleistungen.html" title="Dienstleistungen" class="sibling" accesskey="2">Dienstleistungen</a></li>
<li class="sibling"><a href="index.php/de/cloud-server.html" title="Cloud Services" class="sibling" accesskey="2">Cloud Services</a></li>
<li class="sibling"><a href="index.php/de/remote-support.html" title="Support" class="sibling" accesskey="3">Support</a></li>
<li class="sibling"><a href="index.php/de/informationen.html" title="Informationen" class="sibling" accesskey="3">Informationen</a></li>
<li class="sibling last"><a href="index.php/de/firma.html" title="Unternehmen" class="sibling last" accesskey="4">Unternehmen</a></li>
</ul>
<a id="skipNavigation36" class="invisible"> </a>
</nav>
<!-- indexer::continue -->
<div class="mod_caroufredsel dk99 block">
<div class="caroufredsel_skin" id="caroufredsel_skin_50">
<div class="caroufredsel" id="caroufredsel_50">
<div class="ce_image block">
<figure class="image_container">
<img src="assets/images/7/slider_pict01_zyxel_gross_NEU-4770e027.png" width="1050" height="402" alt="">
</figure>
</div>
<div class="ce_image block">
<figure class="image_container">
<img src="files/blue_business/Slider/slider_pict03_support_gross_NEU.png" width="980" height="375" alt="">
</figure>
</div>
<div class="ce_image block">
<figure class="image_container">
<img src="files/blue_business/Slider/slider_pict05_cloud_gross_NEU.png" width="980" height="375" alt="">
</figure>
</div>
<div class="ce_image block">
<figure class="image_container">
<img src="files/blue_business/Slider/slider_pict02_hp_gross_NEU.png" width="980" height="375" alt="">
</figure>
</div>
<div class="ce_image block">
<figure class="image_container">
<img src="files/blue_business/Slider/slider_pict04_sym_gross_NEU.png" width="980" height="375" alt="">
</figure>
</div>
</div>
<div class="clearfix"></div>
<div class="caroufredsel_bar_wrapper" id="caroufredsel_bar_wrapper_50">
<canvas class="caroufredsel_bar" id="caroufredsel_bar_50"></canvas>
</div>
<div class="caroufredsel_controls" id="caroufredsel_controls_50">
<div class="caroufredsel_navi" id="caroufredsel_navi_50">
<a class="caroufredsel_prev" id="caroufredsel_prev_50" href="#"><span>Zurück</span></a>
<a class="caroufredsel_next" id="caroufredsel_next_50" href="#"><span>Vorwärts</span></a>
</div>
<div class="caroufredsel_pagi" id="caroufredsel_pagi_50"></div>
</div>
</div>
</div>
<!-- indexer::stop -->
<div class="mod_breadcrumb block">
<ul>
<li class="first"><a href="index.php/de/" title="pcatwork.ch ∙ informatik services">pcatwork.ch</a></li>
<li class="active last">Home</li>
</ul>
</div>
<!-- indexer::continue -->
</div>
</header>
<div id="container">
<div id="main">
<div class="inside">
<div class="mod_article block" id="index">
<!-- indexer::stop -->
<div class="pdf_link">
<a href="#" rel="nofollow" title="Diese Seite drucken" onclick="window.print();return false"><img src="assets/contao/images/print.gif" width="16" height="16" alt=""></a>
<a href="index.php/de/?pdf=1" rel="nofollow" title="Artikel als PDF drucken"><img src="assets/contao/images/pdf.gif" width="16" height="16" alt=""></a>
<a href="share/?p=gplus&u=http%3A%2F%2Fpcatcloud.ch%2Findex.php%2Fde%2F&t=Home" rel="nofollow" title="Auf Google+ teilen" onclick="window.open(this.href,'','width=600,height=200,modal=yes,left=100,top=50,location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');return false"><img src="assets/contao/images/gplus.gif" width="16" height="16" alt=""></a>
</div>
<!-- indexer::continue -->
<h1 class="ce_headline">
Willkommen im Netz...</h1>
<div class="ce_text block">
<p>Die Firma pcatwork.ch ∙ informatik services kann Ihnen den professionellen Service bieten, der Ihnen als unser Kunde zusteht. Wir haben uns spezialisiert um Firmen- und Privatkunden bei bestehenden und neuen IT-Projekten zur Seite zu stehen.<br> <br> Wir realisieren Ihre Projekte im Client/Server-Umfeld, Netzwerklösungen (LAN, WAN, WLAN, Firewall), Vernetzte Videoüberwachung sowie Planung und Ausführung von Hospitality-Projekten (WLAN-HotSpot in Hotel, Restaurant, Schulen, Camping und anderen öffentlichen Bereichen).<br> <br> Die Betreuung der IT-Infrastruktur ist ein wichtiger Bestandteil für einen reibungslosen Ablauf der täglichen Geschäfte in einem erfolgreichen Unternehmen und sollte unter Kontrolle von IT-Spezialisten stehen. Wir bieten Ihnen komplette Support-Pakete, um Sie vor unangenehmen Überraschungen zu schützen und gleichzeitig Kosten zu sparen.</p>
</div>
<div class="ce_text block" style="margin-top:25px; margin-bottom:25px;">
<h4>Zyxel Hospitality</h4>
<p>Als zertifizierter ZyXEL Hospitality Specialist bieten wir Ihnen eine kompetente Beratung für die Umsetzung von HotSpot-Lösungen in Ihrem Unternehmen oder Öffentlichen Bereichen wie Hotel, Restaurant, Camping und Schulen.</p>
<figure class="image_container float_below" style="padding-top:35px;text-align: center;">
<img src="files/blue_business/ZyXEL/Zyxel_Banner_06.png" width="468" height="162" alt="">
</figure>
</div>
<div class="ce_text block">
<p><script type='text/javascript' src='https://feed.microsoft.com/FeedStore/GetFeed.ashx?FeedId=7508532c-4de1-4f44-b28f-96c44e94ac17&CompanyName=pcatwork.ch%20-%20informatik%20services&AddressLine1=Feldmattstrasse%203&City=Emmen&State=Luzern&PostalCode=6032&CompanyPhoneNumber=%2041%20%280%29%2076%20611-1010&CompanyURL=http%3a%2f%2fwww.pcatwork.ch&EmailID=info%40pcatwork.ch&width=600px&height=250px'></script></p>
</div>
</div>
</div>
</div>
<aside id="left">
<div class="inside">
<!-- indexer::stop -->
<div class="mod_newslist block" id="breaking_news">
<h3>Info Cloud</h3>
<div class="layout_short block first even">
<p class="info"><time datetime="2013-07-01T12:00:00+02:00">01.07.2013 12:00:00</time> </p>
<h2><a href="index.php/de/news/hp-golden-offers-2013.html" title="Den Artikel lesen: HP Golden Offers 2013">HP Golden Offers 2013</a></h2>
<div class="teaser">
<p>HP Golden Offers 2013 mit interessanten Angeboten für Unternehmen und Privatpersonen</p> </div>
<p class="more"><a href="index.php/de/news/hp-golden-offers-2013.html" title="Den Artikel lesen: HP Golden Offers 2013">Weiterlesen … <span class="invisible">HP Golden Offers 2013</span></a></p>
</div>
<div class="layout_short block odd">
<p class="info"><time datetime="2013-07-01T12:00:00+02:00">01.07.2013 12:00:00</time> </p>
<h2><a href="index.php/de/news/symantec.html" title="Den Artikel lesen: Symantec">Symantec</a></h2>
<div class="teaser">
<p>Symantec Security und Backup News - Symantec Endpoint Protection - Symantec Backup Exec 2012 / 2013</p> </div>
</div>
<div class="layout_short block last even">
<p class="info"><time datetime="2013-07-01T12:00:00+02:00">01.07.2013 12:00:00</time> </p>
<h2><a href="index.php/de/news/microsoft.html" title="Den Artikel lesen: Microsoft">Microsoft</a></h2>
<div class="teaser">
<p>Microsoft Office 365 - Microsoft Office 2013 - Microsoft Windows Server 2013 - Microsoft Exchange 2013 - Microsoft Sharepoint 2013</p> </div>
</div>
</div>
<!-- indexer::continue -->
<!-- indexer::stop -->
<div class="mod_newslist block" id="breaking_news">
<h3>Web • Cloud Services</h3>
<div class="layout_short block first even">
<p class="info"><time datetime="2013-08-01T12:00:00+02:00">01.08.2013 12:00:00</time> </p>
<h2><a href="index.php/de/news/cloud-store.html" title="Den Artikel lesen: Cloud Store">Cloud Store</a></h2>
<div class="teaser">
<p>Cloud Store</p> </div>
<p class="more"><a href="index.php/de/news/cloud-store.html" title="Den Artikel lesen: Cloud Store">Weiterlesen … <span class="invisible">Cloud Store</span></a></p>
</div>
<div class="layout_short block last odd">
<p class="info"><time datetime="2013-08-01T12:00:00+02:00">01.08.2013 12:00:00</time> </p>
<h2><a href="index.php/de/news/cloud-server.html" title="Den Artikel lesen: Cloud Server">Cloud Server</a></h2>
<div class="teaser">
<p>Cloud Server VPS und VDS basierend auf Windows und Linux Betriebssystem.</p> </div>
<p class="more"><a href="index.php/de/news/cloud-server.html" title="Den Artikel lesen: Cloud Server">Weiterlesen … <span class="invisible">Cloud Server</span></a></p>
</div>
</div>
<!-- indexer::continue -->
</div>
</aside>
</div>
<footer id="footer">
<div class="inside">
<div style="width: 100%; height: 275px;">
<div style="width: 100%; height: 260px; border-bottom: 1px dotted rgb(153, 153, 153); margin-left: 0px; padding-top: 30px; clear: both;">
<div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
<div style="font-size: 15px; font-weight: bold; padding-bottom: 15px;">KONTAKT</div>
<div style="font-size: 13px; color: rgb(204,204,204);"><a href="index.php/de/firma.html" style="color: rgb(204,204,204); text-decoration:none;">Firma</a><br />
<a href="index.php/de/kontakt.html" style="color: rgb(204,204,204); text-decoration:none">Kontakt</a><br>
<a href="index.php/de/suche.html" style="color: rgb(204,204,204); text-decoration:none;">Suche</a><br>
<a href="index.php/de/downloads.html" style="color: rgb(204,204,204); text-decoration:none;">Downloads</a></div>
</div>
<div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;"> </div>
<div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
<div style="font-size: 15px; font-weight: bold; padding-bottom: 15px;">WEB • CLOUD SERVICES</div>
<div style="font-size: 13px; color: rgb(204,204,204); text-decoration:none;"><a href="index.php/de/webdesign.html" style="color: rgb(204,204,204); text-decoration:none;">Webdesign</a><br />
<a href="index.php/de/cloud-hosting.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud Hosting</a><a href="account.php" style="color: rgb(204,204,204); text-decoration:none;"></a><br />
<a href="index.php/de/cloud-server.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud VPS</a><br>
<a href="index.php/de/cloud-server.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud VDS</a><br>
<a href="index.php/de/cloud-backup.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud Backup</a><br>
<a href="index.php/de/cloud-store.html" style="color: rgb(204,204,204); text-decoration:none;">Cloud Store</a></div>
</div>
<div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;"> </div>
<div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
<div style="font-size: 15px; font-weight: bold; padding-bottom: 15px;">DIENSTLEISTUNGEN</div>
<div style="font-size: 13px; color: rgb(204,204,204);"><a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Client - Server</a><br />
<a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Networking</a><a href="index.php?cat=c107_Terraristik.html#107" style="color: rgb(204,204,204); text-decoration:none;"></a><br />
<a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">WLAN HotSpot</a><a href="index.php?cat=c413_Katze.html#413" style="color: rgb(204,204,204); text-decoration:none;"><br>
</a><a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Vernetzte Videoüberwachung</a><a href="index.php?cat=c413_Katze.html#413" style="color: rgb(204,204,204); text-decoration:none;"><br>
</a><a href="index.php/de/" style="color: rgb(204,204,204); text-decoration:none;">Hardware / Software</a></div>
</div>
<div style="width: 1px; height: 60%; float: left; border-right: 1px dotted rgb(204, 204, 204); margin-top: 30px; margin-right: 5px;"> </div>
<div style="width: 20%; float: left; font-family: arial,helvetica,verdana; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; padding-left: 40px;">
<div style="font-size: 15px; font-weight: bold; padding-bottom: 15px; text-align: center;">LINKS <span style="font-size: 15px; font-weight: bold; padding-bottom: 15px;"> •</span> HELP</div>
<div style="font-size: 13px; color: rgb(204,204,204); text-align: center;"><a href="files/blue_business/Support/pcatwork_windows.exe" target="_self"><img height="55" width="130" border="0" align="bottom" src="files/blue_business/remotesupport_link.png" alt="Remote Support" /></a><br />
<a href="/helpdesk/" target="_blank"><img height="55" width="130" border="0" align="bottom" src="/files/blue_business/onlinesupport_link.png" alt="Ticket eröffnen" /></a></div>
</div>
</div>
<div style="width: 100%; margin-left: 0px; padding: 2px;">
<div style="font-family: 'Open Sans',Arial,sans-serif; color: rgb(180, 180, 180); font-size: 12px; letter-spacing: 1px;">
<div style="width: 100%; float: left; overflow: hidden; padding-left: 380px;"><span style="font-size: 11px;">© 2013 - All rights reserved - pcatwork.ch</span><br>
<br>
</div>
</div>
<div class="nach_oben_link">
<a href="index.php/de/#top">TOP</a>
</div> </div>
</footer>
</div>
<script src="assets/jquery/ui/1.10.2/jquery-ui.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$(document).accordion({
// Put custom options here
heightStyle: 'content',
header: 'div.toggler',
collapsible: true
});
var activate = function(tog) {
var tgs = $('div.toggler');
tgs.removeClass('active');
tog.addClass('active');
tgs.next('div.accordion').attr('aria-hidden', 'true');
tog.next('div.accordion').attr('aria-hidden', 'false');
};
$('div.toggler').focus(function(e) {
$('div.toggler').attr('tabindex', 0);
$(this).attr('tabindex', -1);
}).blur(function() {
$(this).attr('tabindex', 0);
}).click(function() {
activate($(this));
}).keypress(function(event) {
if (event.keyCode == 13) activate($(this));
});
});
})(jQuery);
</script>
<script src="assets/jquery/mediaelement/2.11.3/js/mediaelement-and-player.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$('video,audio').mediaelementplayer({
// Put custom options here
pluginPath: '/assets/jquery/mediaelement/2.11.3/',
flashName: 'legacy/flashmediaelement.swf',
silverlightName: 'legacy/silverlightmediaelement.xap'
});
});
})(jQuery);
</script>
<script src="assets/jquery/touchswipe/jquery.touchSwipe.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$("#caroufredsel_skin_50").css('visibility', 'hidden');
});
$(window).load(function() {
$("#caroufredsel_skin_50").css('visibility', 'visible');
});
$(window).load(function() {
$("#caroufredsel_50").carouFredSel({
responsive: true, onCreate: function(data) { data.items.addClass("visible"); }, items: { visible: "variable" }, scroll: { duration: 400, pauseOnHover: "resume", onBefore: function(data) { data.items.old.removeClass("visible"); $().hideProgressBar("caroufredsel_bar_wrapper_50"); }, onAfter: function(data) { data.items.visible.addClass("visible"); $().initProgressBar("caroufredsel_bar_50", { barBackgroundColor: progressBarBackgroundColor_50 }); } }, auto: { timeoutDuration: 3500, progress: { bar: "#caroufredsel_bar_50", updater: function(percentage) { $().updateProgressBar("caroufredsel_bar_50", { barColor: progressBarColor_50 }, percentage); }, interval: 35 }, onTimeoutStart: function(percentage, duration) { $().initProgressBar("caroufredsel_bar_50", { barBackgroundColor: progressBarBackgroundColor_50 }); $().showProgressBar("caroufredsel_bar_wrapper_50"); }, onTimeoutPause: function(percentage, duration) { $().hideProgressBar("caroufredsel_bar_wrapper_50"); } }, prev: { button: "#caroufredsel_prev_50", key: "left" }, next: { button: "#caroufredsel_next_50", key: "right" }, pagination: { container: "#caroufredsel_pagi_50" }, swipe: { onTouch: true } }, { onWindowResize: "debounce", wrapper: { classname: "caroufredsel_wrapper caroufredsel_wrapper_50" } } );
});
})(jQuery);
</script>
<script>
(function($) {
window.addEvent('domready', function() {
new Fx.Accordion($$('div.toggler'), $$('div.accordion'), {
opacity: false,
alwaysHide: true,
onActive: function(tog, el) {
el.setProperty('aria-hidden', 'false');
tog.addClass('active');
tog.getNext('div').fade('in');
tog.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(tog, el) {
el.setProperty('aria-hidden', 'true');
tog.removeClass('active');
tog.getNext('div').fade('out');
tog.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(el) {
el.setProperty('role', 'tab');
el.setProperty('tabindex', 0);
el.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(el) {
el.setProperty('role', 'tablist');
});
$$('div.accordion').each(function(el) {
el.setProperty('role', 'tabpanel');
});
});
})(document.id);
</script>
<script src="assets/mootools/mediabox/1.4.6/js/mediabox.js"></script>
<script>
(function($) {
window.addEvent('domready', function() {
var links = $$('a').filter(function(el) {
return el.getAttribute('data-lightbox') != null;
});
$$(links).mediabox({
// Put custom options here
}, function(el) {
return [el.href, el.title, el.getAttribute('data-lightbox')];
}, function(el) {
var data = this.getAttribute('data-lightbox').split(' ');
return (this == el) || (data[0] && el.getAttribute('data-lightbox').match(data[0]));
});
$('mbImage').addEvent('swipe', function(e) {
(e.direction == 'left') ? $('mbNextLink').fireEvent('click') : $('mbPrevLink').fireEvent('click');
});
});
})(document.id);
</script>
<script src="assets/swipe/2.0/js/swipe.min.js"></script>
<script>
(function($) {
window.addEvent('domready', function() {
$$('.ce_sliderStart').each(function(cte) {
var s = cte.getElement('.content-slider'),
c = s.getAttribute('data-config').split(',');
new Swipe(s, {
// Put custom options here
'auto': parseInt(c[0]),
'speed': parseInt(c[1]),
'startSlide': parseInt(c[2]),
'continuous': parseInt(c[3]),
'menu': cte.getElement('.slider-control')
});
});
});
})(document.id);
</script>
<script>
setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-86400&&jQuery.ajax("system/cron/cron.php")}})},5e3)
</script>
</body>
</html>
