drupal türkiye
www.drupal.org
Turkey drupal
drupal de ziyaretçilere içerikleri kapatmak
kütüphane
free
drupal erişim izinleri
acquia drupal
bedava
türkçe drupal eklentileri
hazır paketler
2 sütun
wordpress
drupal hazır paketler
javascript
bedava drupal temaları
Türkiye drupal
güzel tema
google
drupal facebook
indir
php
düğüm izinleri
3 kolon
drupal sadedce teaser görüntülensin
renkli tema
drupal tema
web tasarım
blok
drupal
drupal Türkçe eklentiler
blog
tema
theme
drupal temaları
drupal eklentileri
jquery
kaliteli temalar
drupal modülleri
free drupal temaları
Portal
css
Türkçe drupal
drupal türkçe
aratmedya
drupal türkçe eklenti açıklamaları
teknoloji haberleri
drupal hazır siteler
bilgisayar
içeriklere erişim izni ayarlama
arama motoru optimizasyonu
microsoft
photoshop
windows
mavi
drupal eklentilerin türkçe açıklamaları
Yahoo
seo
medyatik blog
hazır web siteleri
drupal theme
facebook
Resim
node izinleri
ücretsiz drupal temaları
drupal.org
içerik izinleri
drupal ile kullanıcı kısıtlama eklentileri
drupal eklentileri Türkçe açıklamaları
framework
Jquery ile flash benzeri slider - COIN SLIDER
Haber siteleri başta olmak üzere sliderlara ihtiyacımız oldukça artmaktadır. Genel olarak görsel güzellik vermeleri sitemizde slider kullanmak için temel etkendir. Buradan sliderın paketini indirebilirsiniz.
Head etiketi içersine yazacağınız kodlar:
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
Slider içerikleri:
<div id='coin-slider'>
<a href="img01_url" target="_blank">
<img src='img01.jpg' >
<span>
Description for img01
</span>
</a>
......
......
<a href="imgN_url">
<img src='imgN.jpg' >
<span>
Description for imgN
</span>
</a>
</div>
<a href="img01_url" target="_blank">
<img src='img01.jpg' >
<span>
Description for img01
</span>
</a>
......
......
<a href="imgN_url">
<img src='imgN.jpg' >
<span>
Description for imgN
</span>
</a>
</div>
Jquery slider eklentisini çalıştırmak için kullanacağınız kod:
<script type="text/javascript">
$(document).load(function() {
$('#coin-slider').coinslider();
});
</script>
$(document).load(function() {
$('#coin-slider').coinslider();
});
</script>
Örnek slider kullanımı:
<script type="text/javascript">
$(document).load(function() {
$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});
</script>
$(document).load(function() {
$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});
</script>
Aşağıdaki seçenekleri kullanarak sliderı ayrıntısıyla yönetebilirsiniz(Bu ayarları yukarıdaki örnek kullanımda gösterildiği gibi kullanılacak):
width: 565, // Slider panelin genişliği
height: 290, // Slider panelin yüksekliği
spw: 7, // karelerin genişliği
sph: 5, // karelerin yüksekliği
delay: 3000, // Resimler arasındaki zaman
sDelay: 30, // Kareler için geçen zaman
opacity: 0.7, // Başlık ve navigasyon menüsünün saydamlığı
titleSpeed: 500, // Gösterim hızı
effect: '', //Rasgele efektler
navigation: true, // İleri geri butonları
links : true, // Resimleri link olarak göster
hoverPause: true // Üzerine gelince durdur
height: 290, // Slider panelin yüksekliği
spw: 7, // karelerin genişliği
sph: 5, // karelerin yüksekliği
delay: 3000, // Resimler arasındaki zaman
sDelay: 30, // Kareler için geçen zaman
opacity: 0.7, // Başlık ve navigasyon menüsünün saydamlığı
titleSpeed: 500, // Gösterim hızı
effect: '', //Rasgele efektler
navigation: true, // İleri geri butonları
links : true, // Resimleri link olarak göster
hoverPause: true // Üzerine gelince durdur
Sliderın görünümü aşağıdaki gibidir:
Bulabileceğiniz en kaliteli sliderlardan biridir.
Yorumlar
"Head etiketi içersine yazacağınız kodlar" demişsiniz. Bu header.php'ye mi ekliyeceğiz demek yoksa index.php'ye
yazılcak kodlar diye mi yazmak gerekiyor? Ben wp'de yeni olduğum için pek bilemedim. Yardımcı olursanız ve ne yapmam gerektiğini daha ayrıntılı ve açıklayıcı yazarsanız çok memnun olurum.Nejat
merhaba
bunun haber tablosuna nasıl bağlayarak haberleri sırayla çekerim
Php kodlama bilginiz mevcut ise ancak kodlama ile yapabilirsiniz.
http://workshop.rs/projects/coin-slider/ ı explorerla sayfayı kaydet deyin. klasördeki
coin-slider.min.js, coin-slider-styles.css, ga.js, jquery-1.4.2.min.js, styles.css dosyalarını kullanın.
Yeni yorum veya soru gönder