Imageslider, werkt maar 2 foto's verschijnen niet.

<p> <script type="text/javascript">// <![CDATA[ jQuery(function($) { 'use strict'; if ($.fn.slider) { $(".art-slidecontainerDSC_3049").each(function () { var slideContainer = $(this), tmp; var inner = $(".art-slider-inner", slideContainer); var helper = null; inner.children().eq(0).addClass("active"); slideContainer.slider({ pause: 2600, speed: 600, repeat: true, animation: "fade", direction: "next", navigator: slideContainer.siblings(".art-slidenavigatorDSC_3049"), helper: helper }); }); } }); // ]]></script> <script type="text/javascript">// <![CDATA[ document.write('<style>.art-slidecontainerDSC_3049 { position: relative; width: 400px; height: 236px; }.art-slidecontainerDSC_3049 .art-slide-item{}.art-slidecontainerDSC_3049 .art-slide-item { -webkit-transition: 600ms ease-in-out opacity; -moz-transition: 600ms ease-in-out opacity; -ms-transition: 600ms ease-in-out opacity; -o-transition: 600ms ease-in-out opacity; transition: 600ms ease-in-out opacity; position: absolute; display: none; left: 0; top: 0; opacity: 0; width: 100%; height: 100%;}.art-slidecontainerDSC_3049 .active, .art-slidecontainerDSC_3049 .next, .art-slidecontainerDSC_3049 .prev { display: block;}.art-slidecontainerDSC_3049 .active { opacity: 1;}.art-slidecontainerDSC_3049 .next, .art-slidecontainerDSC_3049 .prev { width: 100%;}.art-slidecontainerDSC_3049 .next.forward, .art-slidecontainerDSC_3049 .prev.back { opacity: 1;}.art-slidecontainerDSC_3049 .active.forward { opacity: 0;}.art-slidecontainerDSC_3049 .active.back { opacity: 0;}.art-slideDSC_30490 { background-image: url(\'/joomla/images/template-content/slideDSC_30490.jpg\'); background-position: 0 0; background-repeat: no-repeat;}.art-slideDSC_30491 { background-image: url(/\'/joomla/images/template-content/slideDSC_30491.jpg\'); background-position: 0 0; background-repeat: no-repeat;}.art-slidenavigatorDSC_3049 { display: inline-block; position: absolute; direction: ltr !important; top: 212px; left: 89%; z-index: 101; line-height: 0 !important; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; white-space: nowrap; }.art-slidenavigatorDSC_3049{background: #84C1E7;background: linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;background: -webkit-linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;background: -o-linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;background: linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(200, 227, 244, 0.6) 0, rgba(63, 158, 217, 0.6) 100%) no-repeat;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:7px;}.art-slidenavigatorDSC_3049 > a{background: #2276AA;background: #2276AA;background: #2276AA;background: #2276AA;background: #2276AA;background: #2276AA;background: #2276AA;-svg-background: #2276AA;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 10px 0 0;width: 10px;height: 10px;}.art-slidenavigatorDSC_3049 > a.active{background: #CAC7B4;background: #CAC7B4;background: #CAC7B4;background: #CAC7B4;background: #CAC7B4;background: #CAC7B4;background: #CAC7B4;-svg-background: #CAC7B4;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 10px 0 0;width: 10px;height: 10px;}.art-slidenavigatorDSC_3049 > a:hover{background: #958F6A;background: #958F6A;background: #958F6A;background: #958F6A;background: #958F6A;background: #958F6A;background: #958F6A;-svg-background: #958F6A;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 10px 0 0;width: 10px;height: 10px;}</style>'); // ]]></script> </p> <div class="art-content-layout"> <div class="art-content-layout-row"> <div style="padding-right: 10px; padding-left: 10px; width: 100%;" class="art-layout-cell"> <h3 style="text-align: left;"><span style="font-size: 20px; color: #ffffff;"> <span style="color: #ffffff;">Beste bezoeker, welkom op onze website </span></span></h3> <div style="position: relative; display: inline-block; z-index: 0; margin: 7px; border-style: solid; border-color: #000000; border-width: 2px; float: left;" id="DSC_3049" class="art-collage"> <div class="art-slider art-slidecontainerDSC_3049"> <div class="art-slider-inner"> <div class="art-slide-item art-slideDSC_30490"></div> <div class="art-slide-item art-slideDSC_30491"></div> </div> </div> <div class="art-slidenavigator art-slidenavigatorDSC_3049"><a class="art-slidenavigatoritem" href="#"> </a><a class="art-slidenavigatoritem" href="#"> </a></div> </div> <p style="text-align: center;"><span style="font-size: 18px; font-weight: bold; color: #50a7dc;"><span style="color: #6eb6e2;">2 zweminstructeurs, </span></span><span style="font-size: 18px; font-weight: bold; color: #6eb6e2;">1 passie, zwemveiligheid en techniek <br /> <br /> Onze specialiteiten</span></p> <p><span style="color: #ffffff; font-size: 14px;">Een zwempakket aanbieden voor zowel jong en oud, beginner en gevorderde, aangepast aan ieders budget. In de rubriek 'kies je zwempakket' kan je meer informatie vinden over de diverse paketten. Naast deze corebusiness ontwikkelen wij ook je eigen website en bieden wij leuke e-books aan. </span></p> </div> </div> </div> <div style="border-top-width: 2px; border-top-style: solid; border-top-color: #B7A59A; margin-top: 10px; margin-bottom: 10px;" class="art-content-layout-br"></div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div style="padding-right: 10px; padding-left: 10px; width: 33%;" class="art-layout-cell"> <h3><span style="color: #ffffff;">Volg ons op twitter</span></h3> </div> <div style="padding-right: 10px; padding-left: 10px; width: 34%;" class="art-layout-cell"> <h3><span style="color: #ffffff;"> Nieuw : Videoanalyses</span></h3> </div> <div style="padding-right: 10px; padding-left: 10px; width: 33%;" class="art-layout-cell"> <h3><span style="color: #ffffff;"> Volg ons op facebook</span></h3> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div style="padding-right: 10px; padding-left: 10px; width: 33%;" class="art-layout-cell"> <p><img class="art-lightbox" src="images/template-content/QR_CODE_Twitter_634889522169006893.png" border="0" alt="" width="198" height="276" /></p> <p> </p> </div> <div style="padding-right: 10px; padding-left: 10px; width: 34%;" class="art-layout-cell"> <p><span style="font-weight: bold; color: #ffffff;">In dit pakket bieden wij de beginnende en gevorderde crawlzwemmer de mogelijkheid zijn zwemtechniek te verfijnen. Door middel van opnames kunnen foutenanalyse, aangepaste oefeningen, en opvolging beter op mekaar afgestemd worden</span></p> <p><span style="color: #ffffff; font-weight: bold;">Over dit pakket kan je meer info vinden in de rubriek 'kies je zwempakket' bovenaan de website<br /></span><br /> <span style="color: #ffffff; font-weight: bold;"> </span><img class="art-lightbox" src="images/template-content/gopro-hero-3-full-list-of-gopro-options-560x428.jpg" border="0" alt="" width="157" height="138" /></p> <p> </p> </div> <div style="padding-right: 10px; padding-left: 10px; width: 33%;" class="art-layout-cell"> <p><span style="color: #ffffff; font-weight: bold;"> </span></p> <p> <img class="art-lightbox" src="images/template-content/QR_CODE_FACEBOOK_634889544786456893.png" border="0" alt="" width="199" height="230" /><span style="color: #ffffff; font-weight: bold;"><br /></span></p> </div> </div> </div>