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

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

Συνδέεστε στο ιστολόγιο πηγαίνετε στο ΔΙΆΤΑΞΗ-->ΕΠΕΞΕΡΓΑΣΊΑ 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>


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

Καλή επιτυχία!
http://thessalotipota.blogspot.com
Από το Blogger.

Get in Touch

Feel free to drop us a line to contact us

Name*


Message*


ΣΤΟΙΧΕΙΑ ΕΠΙΚΟΙΝΩΝΙΑΣ

Free time

  • https://www.freetimeradio.gr
  • https://www.9279.gr
  • bf@bf9279.com