Jika anda membuat website forum gratis sayalagi dengan tujuan photografi (membuat berbagai halaman yang berisi photo gaya fashion) atau dengan tujuan web forum toko online (membuat banyak halaman yang berisi konten berbagai gambar produk bisnis ataupun jasa anda), maka Plug in Album Photo Auto Zoom Efek ini dapat anda pergunakan dan bisa diinstal dengan mudah di forum gratis SL.
Khusus jika anda belum membuat website forum gratis SL, maka anda hanya perlu +/-1 menit saja untuk bisa menjadi admin di forum gratis SL dan bisa anda kelolah sepuas anda. Segera : Buat Website Forum Gratis.
Fungsi Script Plug in Album Photo Auto Zoom Efek
★Menampilkan deretan photo, gambar animasi video GIF, image, dll
★Plugin berfungsi di PC/Laktop maupun di perangkat android mobiling
★Tanpa perlu diklik, Otomatis sistem akan memperbesar gambar (zoom) ketika visitor mengarahkan kursor mouse ke gambar.
★Otomatis gambar akan mengecil ketika cursor mouse dipindahkan ke gambar lainnya.
[sayalagi.com]
<style>
table.prev {
width:0;
border-collapse:collapse;
border:solid 1px transparent;
background-image : url(https://pbs.twimg.com/media/EiDG5ZGVkAARxgI.jpg);
}
table.prev td{
padding:0 4px;
}
.SAYA{
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
border:solid 3px #fff!important;
}
.LaGI {
text-align:center;
border:solid 4px #fff!important;
border-bottom-width:6px!important;
background-color: #D6C59B;
width:100;
position:absolute;
display:none;
z-index:100;
margin-top:-100px;
margin-left:-30px;
box-shadow: 0px 2px 8px #7C7259;
-webkit-box-shadow:0px 2px 8px #7C7259;
-khtml-box-shadow:0px 2px 8px #7C7259;
-moz-box-shadow:0px 2px 8px #7C7259;
}
}
#albumSaYadong{
padding:34px;
}
</style>
<div id=albumSaYadong>
<table class=prev><tr>
<td><img class="SAYA" alt="photo gaya cewek cantik berjilbab duduk seksi" src="https://i.pinimg.com/564x/8f/ad/82/8fad82ecf340bbd7e59a1dfa4611e264.jpg" width="100"/><div class="LaGI" style="display:none;"><img alt="photo gaya cewek berjilbab duduk seksi" src="https://i.pinimg.com/564x/8f/ad/82/8fad82ecf340bbd7e59a1dfa4611e264.jpg" style="width:500;"/></div></td><td><img class="SAYA" alt="photo gaya cewek cantik berjilbab main mata" src="https://2.bp.blogspot.com/-zzzUP7Efd_E/V64Ny52vxpI/AAAAAAAAAHg/dKukcDXqrGAC9_n6ZDEuwMz2P2yfzWjqQCPcB/w680/mata-batin-soraya-semangat-wanita.gif" width="60"/><div class="LaGI" style="display:none;"><img alt="photo gaya cewek cantik berjilbab main mata" src="https://2.bp.blogspot.com/-zzzUP7Efd_E/V64Ny52vxpI/AAAAAAAAAHg/dKukcDXqrGAC9_n6ZDEuwMz2P2yfzWjqQCPcB/w680/mata-batin-soraya-semangat-wanita.gif" style="width:500;"/></div></td>
<td><img class="SAYA" alt="photo gaya wanita cantik berjilbab manis" src="https://i.pinimg.com/564x/17/41/77/17417778aed0cde94343002485db92c6.jpg" width="60"/><div class="LaGI" style="display:none;"><img alt="photo gaya wanita cantik berjilbab manis" src="https://i.pinimg.com/564x/17/41/77/17417778aed0cde94343002485db92c6.jpg" style="width:500;"/></div></td>
<td><img class="SAYA" alt="photo gaya wanita hijaber cari jodoh" src="https://1.bp.blogspot.com/-hxmNDpxafpY/XpBcewd2MDI/AAAAAAAAHRM/MkXFjAOwZI8GIzdji7WAuWIQUG3G8anOwCLcBGAsYHQ/s1600/photo-meme-soraya-wanita-hijaber-cari-jodoh-jauh-dekat.png" width="60"/><div class="LaGI" style="display:none;"><a href="https://sayalagi.com/profile.php?id=2"><img alt="photo gaya wanita hijaber cari jodoh" src="https://1.bp.blogspot.com/-hxmNDpxafpY/XpBcewd2MDI/AAAAAAAAHRM/MkXFjAOwZI8GIzdji7WAuWIQUG3G8anOwCLcBGAsYHQ/s1600/photo-meme-soraya-wanita-hijaber-cari-jodoh-jauh-dekat.png" style="width:500;"/></a></div></div></td>
</tr></table></div><div id=albumSaYadong>
<table class=prev><tr>
<td><img class="SAYA" alt="photo gaya wanita cantik berkerudung duduk manis" src="https://i.pinimg.com/564x/68/9d/b7/689db78d4ad38bf4a43fbfd89eeacf8f.jpg" width="100"/><div class="LaGI" style="display:none;"><img alt="photo gaya wanita cantik berkerudung duduk manis" src="https://i.pinimg.com/564x/68/9d/b7/689db78d4ad38bf4a43fbfd89eeacf8f.jpg" style="width:500;"/></div></td><td><img class="SAYA" alt="photo gaya wanita cantik berjilbab berkacamata" src="https://i.pinimg.com/564x/cb/6e/67/cb6e67caebb57ea6276d3909eb5ebc4c.jpg" width="60"/><div class="LaGI" style="display:none;"><img alt="photo gaya wanita cantik berjilbab berkacamata" src="https://i.pinimg.com/564x/cb/6e/67/cb6e67caebb57ea6276d3909eb5ebc4c.jpg" style="width:500;"/></div></td>
<td><img class="SAYA" alt="photo gaya wanita cantik berjilbab main air pantai" src="https://i.pinimg.com/564x/f3/91/6f/f3916fcf714bf93a099f63e8c1801567.jpg" width="60"/><div class="LaGI" style="display:none;"><img alt="photo gaya wanita cantik berjilbab main air pantai" src="https://i.pinimg.com/564x/f3/91/6f/f3916fcf714bf93a099f63e8c1801567.jpg" style="width:500;"/></div></td>
<td><img class="SAYA" alt="photo gaya wanita berjilbab memakai masker mulut" src="https://i.pinimg.com/564x/a9/97/16/a99716e82a390ba68855d2c8f5780a61.jpg" width="60"/><div class="LaGI" style="display:none;"><a href="https://sayalagi.com/viewtopic.php?id=50"><img alt="photo gaya wanita berjilbab memakai masker mulut" src="https://i.pinimg.com/564x/a9/97/16/a99716e82a390ba68855d2c8f5780a61.jpg" style="width:500;"/></a></div></div></td>
</tr></table></div>
<center>Photo: Pinterest</center><br/>
⇒Dalam demo di atas, kami hanya memberikan contoh 2 baris kolom saja. Namun anda bisa menambahkan beberapa baris kolom lagi dengan cukup mengkloning kode tabel sesuai batas yang kami berikan pada script.<br/>
⇒Jangan lupa mengganti URL background gambar<br/>
⇒Jangan lupa mengganti URL Gambar Photo Gaya / produk<br/>
⇒Anda bisa mengupload file photo gaya dan gambar produk anda di halaman panel admin .../admin_files.php<!--menginstal script-->
<script type="text/javascript">
$(document).ready(function(){
$('table.prev .LaGI').each(function (i){
$(this).attr("alt",i)
});
$('img.SAYA').mouseover(function(){
var a=$(this).parent().children('.LaGI').attr("alt")
$('table.prev .Show').each(function (){
if($(this).attr("alt")!=a)$(this).removeClass('Show').hide('slow');
});
$(this).parent().children('.LaGI').addClass('Show').show('slow');
}).mouseout(function(){
});
$('.LaGI img').mouseover(function(){
}).mouseout(function(){
$(this).parent('.LaGI').removeClass('Show').hide('slow');
});
});
</script>
<!---Sayalagi.com--->
[/sayalagi.com_copyright]
Cara Instalasi Plugin ini:
» MASUK sebagai Admin di Forum Gratis SL anda
» Buka Halaman Panel Admin forumgratisSL/admin_index.php
» Selanjutnya Klik menu Forms
» Copy kode script Instalasi Plugin Album Photo Auto Zoom Efek, dan paste di kolom HTML header yang ada di halaman Forms.
» Klik Simpan (save changes)
Cara Pasang Widget Plugin ini:
Jika anda sudah memasang kode instalasi script plugin ini, maka selanjutnya, anda dapat menampilkan photo album auto zoom di halaman mana saja yang anda inginkan dengan cara memasang Widget Album Photo Auto Zoom Efek. Cukup copy kode widget plugin dan paste di halaman mana saja. Widget plugin dapat dipasang di beberapa bagian forum seperti:
⇒ Kolom Announcement. Buka di .... /admin_forms.php#f-announcement
⇒ Kolom Form Reply. Buka di .... /admin_forms.php#f-form-reply
⇒ Buat Halaman Baru .... /admin_pages.php
⇒ Kolom Header dan Footer .... /admin_forms.php
⇒ Postingan Topik (wajib mengaktifkan HTML in posts). Caranya cukup dengan mengaktifkan centeng YES di: .... /admin_scripts.php
Kompatibilitas | |
☛Forum Mybb. IDSosial, ForumToko, VideoAnda | Cukup ikuti panduan di atas |
☛Wordpress ORG | Dengan cara berbeda |
☛Blogspot | Dengan cara berbeda |
☛Forum Sayalagi dot com | Cukup ikuti panduan di atas |