Φίλες και φίλοι γειά σας σε αυτή την ανάρτηση θα δούμε ένα ακόμη slider πού μας βοηθά
να παρουσιάζουμε φωτογραφίες,αναρτήσεις,η κάτι που πρέπει να προσέξουν οι αναγνώστες,
επισκέπτες μας!Το συγκεκριμένο slider λόγω διαστάσεων έτσι όπως θα παρουσιάσουμε τον
κώδικα επειδή είναι μικρού μεγέθους μπορεί να μπεί δεξιά η αριστερά στο blog μας και να το
έχουμε μαζί με κάποιο άλλο πιο μεγάλο η ότι αποφασίσετε εσείς!!

Η εγκατάσταση είναι η γνωστή διαδικασία και για να γίνει αυτό

 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--> 
.............................................................................................................................................................

<style type="text/css"> #simplegallery2 { //CSS for sample Gallery position: relative; visibility: hidden; border: 5px solid black; margin: auto; } #simplegallery2 .gallerydesctext { //CSS for description DIV of Example 1 (if defined) text-align: left; padding: 2px 5px; font-family: calibri; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/

1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B_

1mqJd2tC8qSXNrNUl2YnhUZnc">
</script>

<script type="text/javascript">
var mygallery2=new simpleGallery({
wrapperid: "simplegallery2", //ID of main gallery container,
dimensions: [400, 265], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [

   ["ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ", "ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ"rel='

     nofollow' ", 

     "_new", "ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ"],

 

    ["ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ", "ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ", "_new",

     "ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ"],

 

   ["ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ", "ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ", "_new",

    "ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ"],

 

   ["ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ", "ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ", "_new",

     "ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ"],

 ],

 autoplay: [true, 3500, 2], //[auto_play_boolean, delay_btw_slide_millisec,

 cycles_before_stopping_int]
 persist: true,
 fadeduration: 1000, //transition duration (milliseconds)
 oninit:function(){ //event that fires when gallery has initialized/ ready to run
 },

 onslide:function(curslide, i){ //event that fires after each slide is shown
 //curslide: returns DOM reference to current slide's DIV (ie: try alert

(curslide.innerHTML)
 //i: integer reflecting current image within collection being shown 

(0=1st image, 1=2nd etc)
 }
})
</script>
<div id="simplegallery2"></div> 

.................................................................................

ΑΛΛΑΓΕΣ 

ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ 

ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ 

ΕΔΩ Ο ΤΙΤΛΟ ΣΑΣ

ΑΝΤΙΚΑΤΑΣΤΗΣΤΕ ΟΤΙ ΒΛΕΠΕΤΕ ΜΕ ΤΙΣ ΔΙΚΕΣ ΣΑ ΔΙΕΥΘΥΝΣΕΙΣ-ΔΙΕΥΘΥΝΣΗ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ-

ΤΟ URL ΤΟΥ ΠΡΟΟΡΙΣΜΟΥ ΣΑΣ ΚΑΙ ΤΟ ΤΙΤΛΟ ΤΗΣ ΚΑΘΕ ΦΩΤΟΓΡΑΦΙΑΣ ΚΑΙ ΜΟΛΙΣ ΤΕΛΙΩΣΕΤΕ

ΠΑΤΗΣΤΕ ΑΠΟΘΗΚΕΥΣΗ!! 

400 ΕΙΝΑΙ ΤΟ ΜΕΓΕΘΟΣ ΠΟΥ ΠΡΕΠΕΙ ΝΑ ΕΧΕΙ ΚΑΘΕ ΦΩΤΟΓΡΑΦΙΑ ΓΙΑ ΤΗΝ ΣΩΣΤΗ ΑΝΑΠΑΡΑΓΩΓΗ

ΤΗΣ ΑΠΟ ΤΟ SLIDER.ΕΑΝ ΜΕΓΑΛΩΣΕΤΕ Η ΜΙΚΡΥΝΕΤΕ ΤΟ ΜΕΓΕΘΟΣ ΤΟΥ SLIDER TOTE ΘΑ ΠΡΑΞΕΤΕ

ΑΝΑΛΟΓΑ ΚΑΙ ΓΙΑ ΤΙΣ ΦΩΤΟΓΡΑΦΙΕΣ!!

Εάν θέλετε να προσθέσετε και άλλες αναρτήσεις,΄τοτε επαναλαμβάνετε αυτό το

κομμάτι στον κώδικα..

   ["ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ", "ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ", "_new",     

     "ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ"], 

Το true, 3500 είναι η ταχύτητα του slider.Aν αυξήσουμε το 3500 πάει πιο σιγά

αν το μειώσουμε πάει πιο γρήγορα!!Αυτά είναι τα πιο βασικά!!  

Καλή επιτυχία!!!!

Demo

 
Πηγή κώδικα

Thanks to Safetricks.net 

Edit by vaiol!!!