Στο παρακάτω slideshow μπορείτε να βάλετε όσες εικόνες θέλετε, σε ότι διαστάσεις θέλετε, και σε κάθε μία από αυτές να εμφανίζεται πάνω αριστερα η περιγραφή που θέλετε η οποία είναι και ενεργό link που ανοίγει σε νέα καρτέλα και οδηγεί στο άλμπουμ των φωτογραφιών σας.
Το συγκεκριμένο slideshow διαθέτει και κουμπιά πλοήγησης για να βλέπετε τις επόμενες ή τις προηγούμενες εικόνες του. Αλλάξετε τα πράσινα και γαλάζια links μου με τα δικά σας links εικόνων. Τις διαστάσεις του slideshow τις αλλάζετε στην 2η γραμμή του κώδικα εκεί που γράφει width:960px; height:600px;
Ο χρόνος εναλλαγής είναι εκεί που γράφει data-delay="3" μπορείτε να τον αλλάξετε με μεγαλύτερο νούμερο ή μικρότερο.
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-carousel-widget" style="width:960px; height:600px; display:none;"
data-link="https://the-best-widgets.blogspot.com" data-delay="3"
data-title="GREEK ISLANDS" data-description="GREEK ISLANDS">
<object data="https://i.imgur.com/7X4wjWS.jpg"></object>
<object data="https://i.imgur.com/1l2cZBC.jpg"></object>
<object data="https://i.imgur.com/gCr4ycD.jpg"></object>
<object data="https://i.imgur.com/qrKer61.jpg"></object>
<object data="https://i.imgur.com/fiVofHI.jpg"></object>
<object data="https://i.imgur.com/xHwALvD.jpg"></object>
<object data="https://i.imgur.com/qMMDdhY.jpg"></object>
<object data="https://i.imgur.com/Le2B818.jpg"></object>
<object data="https://i.imgur.com/XYT6vbt.jpg"></object>
<object data="https://i.imgur.com/3sNGgku.jpg"></object>
<object data="https://i.imgur.com/n5IesXR.jpg"></object>
</div>
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.