1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 | <style>
@-webkit-keyframes slider {
0% {left: 0%;}
20% {left: -20%;}
40% {left: -40%;}
60% {left: -60%;}
80% {left: -80%;}
100% {left: -100%;}}
@keyframes slider {
0% {left: 0%;}
20% {left: -20%;}
40% {left: -40%;}
60% {left: -60%;}
80% {left: -80%;}
100% {left: -100%;}}
.carousel-container {width:960px; height:160px; overflow:hidden; background:#173377;}
.carousel-container .slider-carousel {position: relative;width:9999px; height:125px; -webkit-animation: 3s slider infinite; animation: 30s slider infinite;}
.carousel-container .slider-carousel span {width:240px; height:160px; float:left; background: #105105; color:#FFFFFF; font:14px arial;}
</style>
<div class="carousel-container">
<div class="slider-carousel">
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/bVRcbIdOFPQ" frameborder="0" allowfullscreen></iframe><a>ZAKYNTHOS NAYAGIO BEACH</span></a>
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/r3zpRwxKxKU" frameborder="0" allowfullscreen></iframe><a>CORFU AERIAL VIEW</span></a>
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/1dSVux1hlzI" frameborder="0" allowfullscreen></iframe><a>LEYKADA AERIAL VIEW</span></a>
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/Bz7F6HF6ILg" frameborder="0" allowfullscreen></iframe><a>KEFALLONIA AERIAL VIEW</span></a>
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/DHgTJ_3-Rho" frameborder="0" allowfullscreen></iframe><a>ITHAKI AERIAL VIEW</span></a>
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/Si7hRTZ2m04" frameborder="0" allowfullscreen></iframe><a>PAXOI AERIAL VIEW</span></a>
<span><iframe width="240" height="135" src="https://www.youtube.com/embed/pdA6xu342QA" frameborder="0" allowfullscreen></iframe><a>KYTHYRA AERIAL VIEW</span></a>
</div></div>
|
