Δύο εικόνες σε μία

αφήστε το ποντίκι για μεγέθυνση

Αν βάλετε το δείκτη του ποντικιού σας στην παρακάτω εικόνα θα δείτε ότι εμφανίζεται μια δεύτερη κάτω από αυτήν.


Για να το κάνετε αυτό πρέπει να ακολουθήσετε τα παρακάτω βήματα.



Συνδέεστε στο ιστολόγιο πηγαίνετε στο ΔΙΆΤΑΞΗ-->ΕΠΕΞΕΡΓΑΣΊΑ HTML και πατώντας ctrl+f βρίσκετε το </body> . Αμέσως πριν από αυτό επικολλάτε τον παρακάτω κωδικό

<script type='text/javascript'> //<![CDATA[ function pat_getByClass(c){ ems=new Array();e=document.getElementsByTagName('*');pattern=new RegExp('(^|\\\\s)'+c+'(\\\\s|$)'); for(i=0,j=0;i<e.length;i++)if(pattern.test(e[i].className)){ems[j]=e[i];j++;} return ems; }; function ps_flipit(){ var c = pat_getByClass('flipit'); for(i=0;i<c.length;i++){ c[i].firstChild.onmouseover=function(){ this.style.display='none'; this.parentNode.lastChild.style.display=''; }; c[i].lastChild.onmouseout=function(){ this.style.display='none'; this.parentNode.firstChild.style.display=''; }; } } ps_flipit(); //]]> </script>

και το αποθηκεύετε.

Τώρα, κάθε φορά που θέλετε να το ενεργοποιήσετε πρέπει να κάνετε το εξής.

Ανεβάζετε τις φωτογραφίες σας στην ανάρτηση με το γνωστό τρόπο. Πηγαίνετε από το ΣΎΝΘΕΣΗ στο ΕΠΕΞΕΡΓΑΣΊΑ HTML και βρίσκετε τις διευθύνσεις τις κάθε φωτογραφίας που είναι δύο για κάθε μία. Η href=http://2.bp.blogspot.com.....jpg και η src:http://2.bp.blogspot.com.....jpg. Μόλις τις βρείτε βάζετε τον παρακάτω κωδικό σε όποιο σημείο θέλετε να εμφανίζεται η διπλή φωτογραφία- λογικά κάτω ακριβώς από τις δύο ανεβασμένες φωτό που παίρνουμε τον κωδικό τους-

<table border="1"><tr> <td><center><div class="flipit"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="link πρώτης φωτό εδώ"><img style="cursor:pointer; cursor:hand;" src="λινκ πηγής πρώτης φωτό εδώ" border="0" alt=""id="PHOTO_ID" /></a><a style="display:none" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="link δευτερης φωτό εδώ"><img style="cursor:pointer; cursor:hand;" src="λινκ πηγής δεύτερης φωτό εδώ" border="0" alt=""id="PHOTO_ID" /><br /> </a></div></center></td> </tr> </table>

και επικολλάτε τις διευθύνσεις τους στα ανάλογα σημεία τις πρώτης και τις δεύτερης φωτό του κωδικού που βάλαμε. Τέλος αν θέλετε σβήνετε τις δυο φωτογραφίες που ανεβάσατε και αφήνετε μόνο την διπλή.

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