Cara Menempatkan Photo Di Tengah-tengah Flash Object Menggunakan Teknik Jquery Javascript


Kali ini saya akan mencoba bereksperimen menempatkan photo / gambar di tengah-tengah Flash Object seperti Flash Object game misalnya dan kemudian bila photo itu di klik maka akan menuju link yang lain, ok mari kita coba dengan script sederhana berikut :

<div style="position:relative;z-index:1;width:300px">
<object>
<param name='wmode' value='transparent' />
<embed src='http://www.freeonlinegames.com/games/22604/game.swf' wmode=transparent allowfullscreen='true' allowscriptaccess='always'>
</embed>
</object>
<div class="main_image" data-href="http://www.trikalfanetcell.com/2016/01/klik-flash-objek-sekaligus-klik-yang.html" style="width: 708px; height: 255px;margin-top:-165px;position:relative;margin-left:60px;z-index:99;"><a class="gotourl" href="#"><img src="http://lh3.googleusercontent.com/-ZI_0V46x7vg/AAAAAAAAAAI/AAAAAAAAACE/KmLggdBo2W0/s512-c/photo.jpg" width="100px" height="100px"/></a></div>
</div>

<script>
$('.gotourl').click(function() {
    //alert("open link");
    window.open($(".main_image").attr('data-href'),'_blank');
});
</script>



Smoga jadi inspirasi ........!
Previous
Next Post »