SlideShow στο Blogger





Loading...

Θα έχετε δει το gadget της παρουσίασης του blogger και είναι πραγματικά καλό και εύχρηστο. Έχει όμως ένα πρόβλημα. Δεν υπάρχουν ρυθμίσεις. Εάν θέλετε να έχετε ένα όμορφο slideshow με μια ποικιλία ρυθμίσεων μέσα από τον κώδικά του σαν το παραπάνω, δεν έχετε παρά να κάνετε τα ακόλουθα:
Πηγαίνετε Πίνακας ελέγχου--Σχεδίαση--Προσθήκη gadget--HTML/JavaScript και επικολλήσετε τον παρακάτω κώδικα:

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
 type="text/javascript"></script>
    <style type="text/css">
      #picasaSlideshow {
        width:  160px;
        height: 160px;
        margin-bottom: 5px;
        padding: 5px;
      }
    </style>
    <script type="text/javascript">
    google.load("feeds", "1");
    function OnLoad() {
      var feed  = "https://picasaweb.google.com/data/feed/base/user/116841754539096471337/albumid/5581630372027666977?alt=rss&kind=photo&hl=el";
      var options = {
        displayTime:2000,
        transistionTime:600,
        numResults : 12,
        scaleImages:true,

maintainAspectRatio : false,
      
       fullControlPanel : true
      };
      var ss = new GFslideShow(feed, "picasaSlideshow", options);
    }
    google.setOnLoadCallback(OnLoad);
    </script>
<div id="picasaSlideshow" class="gslideshow"><div class="feed-loading">Loading...</div></div>
<a href="http://www.blogdoctor.me/2009/02/custom-slideshow-gadget-for-blogger.html"></a>

Εάν δεν θέλετε να βλέπετε το παραπάνω δικό μου SlideShow, αλλά κάποιο δικό σας με μια σειρά από φωτογραφίες που την έχετε ανεβάσει σε ένα upload site, το μόνο που έχετε να κάνετε είναι να αντικαταστήσετε το feed με τα κίτρινα γράμματα με το αντίστοιχο δικό σας.