Slide Show Image

Slider Image Untuk Blog

Pertemuan kali ini saya akan berbagi tentang slide show image yang sangat cocok dipasang untuk blog kamu, dengan tampilan slide bergantian secara vertikal dan seorang pengungjung dapat memilih dengan mengeklik pada gambar tersebut. untuk dapat membangun slidernya kita membutuhkan tag css, html, dan Javascript. mari kita langsung saja menuju TKP. 

Tag HTML nya

<div class="amdhas" id="ke2"> <img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-Lilvp1Wuq-EzjvFawO42uAJnf_17EagBUeWjkFnwJKEtTVRWgIe2fj08KkYEnrSW9YZ20u67ZD3wqngSexbtUG5UIXa8ZG3v0fVMrYYprRNJs4D_HAfajY7CiPITn3zXVK-Bm6bGuQR/s1600/img_gubhugreyot-cleopatra.jpg" width="400" /> <img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnWzmRo2fSCaAfKmF5RHt3LbDlxWtf5u5VHQuOOz6k4e8yyRQnlWZERSs-ZPTEzb5Imh4AV1wRGbhBbHmo5hwxEnXRoy_ew9j3fLAU4kIu6VClovvsWtEcBpCQVrCa-d4wzLCCmN7AD6u/s1600/img_gubhugreyot_gadisku-06.jpg" width="400" /> <img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhKmQMvXF6sEfi7Sg7qwoE8gMSzDnLOQP5uV-v7uZSNLiu2shAwcGRMY9FYGSPp8zVbN4pnd0KVM3KsbRlXKQ6AqZkr0E48wyqBIav4VndMEgjpG3SIFf5Dvy4Dcml578Ewp8NGmwHmlD/s1600/img_gubhugreyot-house2.jpg" width="400" /></div>

Tag CSSnya

<style type="text/css"> .amdhas { height: 232px; width: 432px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 10px; -webkit-border-radius: 10px;}.amdhas img { height: 200px; width: 400px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}</style>

Javascript

<script src="https://takim.googlecode.com/svn/branches/jquery.min.js" type="text/javascript"></script> <script src="https://takim.googlecode.com/svn/branches/animation2.js" type="text/javascript"></script> <script src="https://takim.googlecode.com/svn/branches/lora-malunk.animation3.js" type="text/javascript"></script>

File nya dapat dilihat hasilnya  dan dapat diunduh berikut ini :

Demo                                  Unduh