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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90 | <style>
#carousel{width:960px;height:200px;display:block;background:#173377;}
#carousel .container{position:absolute;left:30px;width:940px;height:190px;overflow:hidden}
#carousel #previous_button {position:absolute;top:17px;width:24px;height:180px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkybmNqVMgAuwklRuBOVOWiP8Lp8fL3T97cDoLI3TuuwoYy5_WVpJKfLEeWKk4j3fH6qChewjJwlgVncIcQFLKnXmp1vDwfELM6ndeZ5iyKjAfPnWxi-VEgAn1XjIqcwuuSUg7y6985E9w/s64-no/arrowleft.png) center; background-repeat:no-repeat;z-index:99;cursor:pointer;background-color:#00CC00;}
#carousel #next_button {position:absolute;top:17px;left:940px;width:24px;height:180px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNmGkdxwAbZeKsrfLIW9dtFaAMIj7zlVxBsEZauxIQR2zoPZCAl-axTqBKBgPCQKfhyphenhyphenFuIIeY2fYgcvnu0q9pmOwwJ-A5HG9V21dpNAo_9Oh_RpUtrW2wuo5hidmhzk6zWynrNzgRdrOI4/s64-no/arrowright.png) center; background-repeat:no-repeat;z-index:99;cursor:pointer;background-color:#00CC00;}
#carousel ul{width:99999px;position:relative;margin-top:10px}
#carousel ul li{background:#FFFFF0;display:inline;float:left;text-align:left;font:bold 12px Arial;width:207px;height:190px; margin:0 2px 20px 6px;padding:6px}
#carousel ul li a.slider-disc{color:#173377;display:block;}
#carousel ul li a.slider-disc:hover{color:#F11111}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script src='https://github-codes.github.io/mycodes/javascripts/carousel-slider.js'></script>
<script>
(function($) {
$(document).ready(function(){
$("#carousel .container").jCarouselLite({auto:3000, scroll: 4, speed: 1000, visible: 4, start: 0, circular: true,
btnPrev: "#previous_button", btnNext: "#next_button"});})})(jQuery)
</script>
<div id="carousel">
<div id="previous_button"></div>
<div class="container" style="visibility: visible; overflow: hidden; z-index: 2; width: 908px;">
<ul>
<li class="sli"><a href="http://i.imgbox.com/f8Hms23V" target="_blank">
<img src="http://i.imgur.com/fiVofHIm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/f8Hms23V">Η ΠΑΡΑΛΙΑ ΝΑΥΑΓΙΟ ΣΤΗ ΖΑΚΥΝΘΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/MIiFeUzy" target="_blank">
<img src="http://i.imgur.com/gCr4ycDm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/MIiFeUzy">Η ΠΑΡΑΛΙΑ ΠΟΡΤΟ ΚΑΤΣΙΚΙ ΣΤΗ ΛΕΥΚΑΔΑ</a></li>
<li class="sli"><a href="http://i.imgbox.com/ayyaUKpv" target="_blank">
<img src="http://i.imgur.com/qrKer61m.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/ayyaUKpv">Η ΠΑΡΑΛΙΑ ΜΥΡΤΟΣ ΣΤΗ ΚΕΦΑΛΟΝΙΑ</a></li>
<li class="sli"><a href="http://i.imgbox.com/x4YtqHsG" target="_blank">
<img src="http://i.imgur.com/Pq9Dexam.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/x4YtqHsG">Η ΠΑΡΑΛΙΑ ΠΑΛΑΙΟΚΑΣΤΡΙΤΣΑ ΣΤΗ ΚΕΡΚΥΡΑ</a></li>
<li class="sli"><a href="http://i.imgbox.com/kVCP59nd" target="_blank">
<img src="http://i.imgur.com/oSC4D7Rm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/kVCP59nd">Η ΠΑΡΑΛΙΑ ΚΟΥΚΟΥΝΑΡΙΕΣ ΣΤΗ ΣΚΙΑΘΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/hrhb3CQF" target="_blank">
<img src="http://i.imgur.com/xHwALvDm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/hrhb3CQF">Η ΠΑΡΑΛΙΑ ΤΣΑΜΠΙΚΑ ΣΤΗ ΡΟΔΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/fRGLvJyR" target="_blank">
<img src="http://i.imgur.com/3Jk6C5nm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/fRGLvJyR">Η ΠΑΡΑΛΙΑ ΠΟΤΑΜΙ ΣΤΗ ΣΑΜΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/HYGCh1WJ" target="_blank">
<img src="http://i.imgur.com/gptb8xnm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/HYGCh1WJ">Η ΠΑΡΑΛΙΑ ΜΠΑΛΟΣ ΣΤΗ ΚΡΗΤΗ</a></li>
<li class="sli"><a href="http://i.imgbox.com/dhx6QEfD" target="_blank">
<img src="http://i.imgur.com/H2PNDWBm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/dhx6QEfD">Η ΠΑΡΑΛΙΑ ΕΓΓΡΕΜΝΟΙ ΣΤΗ ΛΕΥΚΑΔΑ</a></li>
<li class="sli"><a href="http://i.imgur.com/2OIqV1bm.jpg" target="_blank">
<img src="http://i.imgur.com/2OIqV1bm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgur.com/2OIqV1bm.jpg">Η ΠΑΡΑΛΙΑ ΤΣΑΜΑΔΟΥ ΣΤΗ ΣΑΜΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/5ZDT7J4L" target="_blank">
<img src="http://i.imgur.com/1l2cZBCm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/5ZDT7J4L">Η ΠΑΡΑΛΙΑ ΚΟΚΚΙΝΟΚΑΣΤΡΟ ΣΤΗΝ ΑΛΟΝΝΗΣΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/ehQDNsgV" target="_blank">
<img src="http://i.imgur.com/qMMDdhYm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/ehQDNsgV">Η ΠΑΡΑΛΙΑ ΑΠΕΛΛΑ ΣΤΗ ΚΑΡΠΑΘΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/M9MigOVh" target="_blank">
<img src="http://i.imgur.com/FURuBVWm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/M9MigOVh">Η ΠΑΡΑΛΙΑ ΑΓΙΟΦΥΛΛΙ ΣΤΗ ΛΕΥΚΑΔΑ</a></li>
<li class="sli"><a href="http://i.imgbox.com/bACYmkOx" target="_blank">
<img src="http://i.imgur.com/tZsqBn7m.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/bACYmkOx">Η ΠΑΡΑΛΙΑ ΤΗΣ ΑΓΙΑΣ ΑΝΝΑΣ ΣΤΗΝ ΑΜΟΡΓΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/dTEbNHax" target="_blank">
<img src="http://i.imgur.com/n5IesXRm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/dTEbNHax">Ο ΠΟΡΟΣ ΑΠΟ ΤΟ ΠΛΟΙΟ</a></li>
<li class="sli"><a href="http://i.imgbox.com/fJnCogAI" target="_blank">
<img src="http://i.imgur.com/7X4wjWSm.jpg" width="207" height="138" /></a>
<a class="slider-disc" href="http://i.imgbox.com/fJnCogAI">ΤΟ ΠΟΝΤΙΚΟΝΗΣΙ ΣΤΗΝ ΚΕΡΚΥΡΑ</a></li>
</ul></div>
<div id="next_button"></div></div>
|
