Jguery Resim Slayt Gösterisi
Html Kodları Ile Jguery Tarzı resim slayt gösteris Ile blogger VEYA wordpress sitelerinizde rahatlıkla kullanabilirsiniz.
Gatget Olarak VEYA blogger, wordpress Yazılarınız icinde kullanama olanağı Vardır.
Jguery resim slaytının Diğer ÖZELLİĞİ otomatik Toplam geçişler satın aldılar ıleri Uykuda tuslari mevcuttur.Resimler arasinda gecis Yapmak Click Sağa sola butonlarına tıklamanız yeterli.
Kodlar:
& Lt; stil & gt;
{#broder
genişliği: 580px;
height: 440px;
background: # 333;
border: 3px solid # 666;
position: relative;
margin: 30px 20px oto auto;}
{#slide
genişliği: 480 piksel;
height: 360px;
taşma: hidden;
position: absolute;
Sol: 49px; top: 29px;
arka plan: #fff;
border: 1px solid # 698639;
border-color: # 698639 # e0ebcb # e0ebcb # 698639;}
#slide bir {
text-decoration: none;
display: block;
genişliği: 480 piksel;
height: 360px;
position: absolute;
Sol: 480px;}
{bir img #slide
display: block;
Sınır: 0;}
#title {
genişliği: 131px;
height: 132px;
position: absolute;
Sol: 5px;
top: -30px;}
#previous b {display: none;}
#previous {width: 74px; height: 74px; position: absolute; Sol: 5px; top: 175px; imleç: işaretçi;}
#next b {display: none;}
#next {width: 74px; height: 74px; position: absolute; Sol: 510px; top: 175px; imleç: işaretçi;}
#Buttons {position: absolute; Sol: 50px; top: 405px;}
#Buttons div {width: 20px; height: 20px; yüzer: sol; margin-right: 5px; display: inline;}
#Buttons div b {display: block; genişliği: 20px; height: 20px; line-height: 19px; font-family: Arial, sans-serif; font-size: 11px; color: # 16a; text-align: center; imleç: işaretçi;}
img # yükleme {position: absolute; Sol: 240px; top: 170px;}
& Lt; / style & gt;
& Lt; script src = "http://social medya-dosyalari.googlecode.com/files/jquery-slider.js" type = "text / javascript" & gt; & lt; / script & gt;
& Lt; script src = "http://social medya-dosyalari.googlecode.com/files/photo-slide.js" type = "text / javascript" & gt; & lt; / script & gt;
& Lt; br / & gt;
& Lt; div id = "broder" & gt;
& Lt; div id = "slayt" & gt;
& Lt; img alt = "" id = "yükleniyor" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9TX4Va8kGt7NlPUPhlrnIjHowrqv6C2Rt8_E_XoBkQdjuDGRchHGvTebsZepHNKnIS_oN56AcO-f9gvrFkpD7Igsev1n6xu3yujveUTeppZgzAjuecgzZvGysuzoCocG1CM_5pxrxQ9i/s1600/loading.gif" / & gt;
& Lt; a href = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3wjzOFqh5t2SBY_eT05qnF17iOhINO8_NnM3T_NxsBPt7yr4_rad8h81XePv2ZfbVZJNUn7tOSBrQpwOO0ksT6O9xr5hm48SvVZJhSSHo1gJzeuVBC6IB9ORfN8x7JSxhxUTFcq74QEFp/s1600/ol.jpg" id = "p1" & gt; & lt; img height = "360" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3wjzOFqh5t2SBY_eT05qnF17iOhINO8_NnM3T_NxsBPt7yr4_rad8h81XePv2ZfbVZJNUn7tOSBrQpwOO0ksT6O9xr5hm48SvVZJhSSHo1gJzeuVBC6IB9ORfN8x7JSxhxUTFcq74QEFp/s1600/ol.jpg" width = "480" / & gt; & lt; / a & gt;
& Lt; a href = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQdmKoPr5Mp0uBYsv94kIsXhxRqCNuM6cA1cRUl1GN5lYICPsX2mZQPUH39PGUs4SnDti1rPHlltleBvCo-LBgV2782uo_5izvJa1ZdhQVgScgO1lJWbXqucTsn8jaF7aCxRmFtxwCMhT0/s1600/havuz.jpg" id = "P2" & gt; & lt; img height = "360" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQdmKoPr5Mp0uBYsv94kIsXhxRqCNuM6cA1cRUl1GN5lYICPsX2mZQPUH39PGUs4SnDti1rPHlltleBvCo-LBgV2782uo_5izvJa1ZdhQVgScgO1lJWbXqucTsn8jaF7aCxRmFtxwCMhT0/s1600/havuz.jpg" width = "480" / & gt; & lt; / a & gt;
& Lt; a href = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAzHUs6Z8auKIrCSrOqEXqSBfQsW-ZO15a94PlHcrAYHVuSDfGOnRzIOVNqW3x2E8rnkSaNw9dIxL9WhOO3FkDlDKWzpf6AIkdVv2qxc7LZIBFuhaWKZW0JakqvI6Vd4q-TScVv7VWJVV/s1600/salon.jpg" id = "P3" & gt; & lt; img height = "360" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAzHUs6Z8auKIrCSrOqEXqSBfQsW-ZO15a94PlHcrAYHVuSDfGOnRzIOVNqW3x2E8rnkSaNw9dIxL9WhOO3FkDlDKWzpf6AIkdVv2qxc7LZIBFuhaWKZW0JakqvI6Vd4q-TScVv7VWJVV/s1600/salon.jpg" width = "480" / & gt; & lt; / a & gt;
& Lt; a href = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2zN9rZTS4igQX8V7NXyI1Z2HvbNA9zGgCZlx7ky04Db1bvrT8vWbbTmc4NCo1rQichDcwossdoMMUEdPGV70iBXXHFDgwgpsvtalqI_ScwXb5dzofCDXKayGx-zcqay4yzjVsmlc40Ct/s1600/balkon.jpg" id = "p4" & gt; & lt; img height = "360" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC2zN9rZTS4igQX8V7NXyI1Z2HvbNA9zGgCZlx7ky04Db1bvrT8vWbbTmc4NCo1rQichDcwossdoMMUEdPGV70iBXXHFDgwgpsvtalqI_ScwXb5dzofCDXKayGx-zcqay4yzjVsmlc40Ct/s1600/balkon.jpg" width = "480" / & gt; & lt; / a & gt;
Her ortaya çıkışta, id = "p5" & gt; & lt; img height = "360" width = "480" / & gt; & lt; / a & gt;
Her ortaya çıkışta, id = "P6" & gt; & lt; img height = "360" width = "480" / & gt; & lt; / a & gt;
& Lt; a href = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHC0CDWjpT0gq9mt3vY9AxhZ58tDMqB6xRP79Jkl39kYCGSJo1UE4KIs-Le0mgDQAd7pYPannOcgR2mLrkkfMMKUlv7_ylFu3Fid2mRMAyLIB_EivId9CxJE6I-GuYeAjZg3-oytqeqw7v/s1600/5.JPG" id = "syf7" & gt; & lt; img height = "360" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHC0CDWjpT0gq9mt3vY9AxhZ58tDMqB6xRP79Jkl39kYCGSJo1UE4KIs-Le0mgDQAd7pYPannOcgR2mLrkkfMMKUlv7_ylFu3Fid2mRMAyLIB_EivId9CxJE6I-GuYeAjZg3-oytqeqw7v/s1600/5.JPG" width = "480" / & gt; & lt; / a & gt;
& Lt; a href = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90OCyapDBsTqto0xEhktKw33v-vytfVb-uI36eV56xGonC50UDBBS2MDwH750fsvwaTG4AgnxdsGZkW5JT9SEd2VDH03XeZIQtAQTsBvllIp3O4EdjLEsXDDi9MB4DPfg2b46NH0nyghu/s1600/7.JPG" id = "p8" & gt; & lt; img height = "360" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90OCyapDBsTqto0xEhktKw33v-vytfVb-uI36eV56xGonC50UDBBS2MDwH750fsvwaTG4AgnxdsGZkW5JT9SEd2VDH03XeZIQtAQTsBvllIp3O4EdjLEsXDDi9MB4DPfg2b46NH0nyghu/s1600/7.JPG" width = "480" / & gt; & lt; / a & gt;
& Lt; / div & gt;
& Lt; div id = "önceki" & gt;
& Lt; b & gt; Onceki & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "next" & gt;
& Lt; b & gt; Sonraki & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "düğmeler" & gt;
& Lt; div id = "b1" & gt;
& Lt; b & gt; 1 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b2" & gt;
& Lt; b & gt; 2 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b3" & gt;
& Lt; b & gt; 3 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b4" & gt;
& Lt; b ^ 4 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b5" & gt;
& Lt; b & gt; 5 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b6" & gt;
& Lt; b & gt; 6 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b7" & gt;
& Lt; b & gt; 7 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b8" & gt;
& Lt; b & gt; 8 & lt; / b & gt; & lt; / div & gt;
& Lt; / div & gt;
& Lt; / div & gt;
Bizi Takip Edin
Pinterest Facebook Twitter
© by bilgicafem61
Aşağıda Yorum Toplam Sorularinizi Bırakın
Yorum Gönder Blogger Facebook