lostyazilim
tr.link

Blogger için bu tarz slider yapabilecek var mı ?

3 Mesajlar 1.037 Okunma
acebozum
tr.link

Newjack Newjack Sms Onayı Gerekli Telefon Onaysız
  • Üyelik 08.03.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Blogger
  • Konum Tekirdağ
  • Ad Soyad B** A**
  • Mesajlar 998
  • Beğeniler 48 / 282
  • Ticaret 10, (%90)
Merhaba arkadaşlar, blogger için sidebara koyabileceğimiz, resimdeki gibi 300x250 boyutlarında slider yapabilecek arkadaşlar var mı ya da elinde bu ve benzeri kod olanlar paylaşabilir mi şimdiden çok teşekkür ediyorum eminim ihtiyacı olanlarda vardır...

 

 

elektronikssl
webimgo

WebDost WebDost WM Aracı Kullanıcı
  • Üyelik 16.09.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Gazeteci
  • Konum Kocaeli
  • Ad Soyad M** T**
  • Mesajlar 4329
  • Beğeniler 331 / 900
  • Ticaret 16, (%100)
blogger sonuç olarak zor bulunur
 

 

baymitoloji baymitoloji Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 17.04.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad Ü** B**
  • Mesajlar 33
  • Beğeniler 0 / 1
  • Ticaret 0, (%0)
merhaba , ben bir yerden buldum ve haber sitesine uygun hale getirdim yalnız bu sliderda bir sorun var sonradan farketdim, explorer ın güncellenmemiş eski hali ile siteye girdiğimde slider daki resimler kayıyo , Diğer hiç bir browserlarda sorun yok , eğer düzeltebilirsen kullanırsın

BU KODU GADGET EKLE DEN İSTEDİĞİN YERE EKLEYEBİLİR VE BOYUTUNU DEĞİŞTİREBİLİRSİN.

[CODE]





























1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20



<script></script>
<script>
$(document).ready(function() {
//Set Default State of each portfolio piece
$(".paging_btrix").show();
$(".paging_btrix a:first").addClass("active");

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//paging_btrix + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(".paging_btrix a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );

};

//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 2 seconds
$active = $('.paging_btrix a.active').next();
if ( $active.length === 0) { //If paging_btrix reaches the end...
$active = $('.paging_btrix a:first'); //go back to first
}
rotate(); //Trigger the paging_btrix and slider function
}, 5000); //Timer speed in milliseconds (2 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});

//On Click
$(".paging_btrix a").click(function() {
$active = $(this); //Activate the clicked paging_btrix
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});

});
</script>

Ek Olarak: BUDA ETİKET BAZLI BİR SLİDER KATEGORİ KISMINA İSTEDİĞİN ETİKETİ YAZABİLİRSİN , YALNIZ NUMARALI DEĞİLDİR, NUMARA YERİNE NOKTA VAR, SENİN BLOGUN İÇİN UYGUN OLABİLİR...YİNE AYNI ŞEKİLDE GADGET EKLE DEN İSTEDİĞİN YERE EKLEYEBLİRSİN..

<script></script><script></script><script></script><script>
var numposts5 = "7";

var imgw = "300";

var imgh = "250";

$('.slides').cycle({fx:'blindX',
speed:'slow',timeout:3000,pager:'.pagination',next:'#next2',prev:'#prev2' });
</script><script>document.write("