• 01-06-2009, 01:11:19
    #1
    Üyeliği durduruldu
    slm arkadaşlar Geçen Aradığım Galeriye Benzer Bir Kod Buldum fakat java bilmediğim İçin değişiklik yapamıyorum bukduğum programda 6 küçük resim var ama ben sınırsız yapmak istiyorum..
    resimleri db ye yazdırdığımda İD 6 ya kadarını gösteriyor 7/8/9/10..... gibi İD numaralı resimleri göremiyorum programı aşağıda vericem yardımcı olur ve programı sınırsız fotoğraf göstericek şekilde düzenleye bilecek arkadaş olursa çok makbule geçer şimdiden teşekkürler


    var slideShow=function(){
    	var bxs,bxe,fxs,fxe,ys,ye,ta,ia,ie,st,ss,ft,fs,xp,yp,ci,t,tar,tarl;
    	ta=document.getElementById(thumbid); ia=document.getElementById(imgid);
    	t=ta.getElementsByTagName('li'); ie=document.all?true:false;
    	st=3; ss=3; ft=10; fs=5; xp,yp=0;
    	return{
    		init:function(){
    			document.onmousemove=this.pos; window.onresize=function(){setTimeout("slideShow.lim()",500)};
    			ys=this.toppos(ta); ye=ys+ta.offsetHeight;
    			len=t.length;tar=[];
    			for(i=0;i<len;i++){
    				var id=t[i].value; tar[i]=id;
    				t[i].onclick=new Function("slideShow.getimg('"+id+"')");
    				if(i==0){this.getimg(id)}
    			}
    			tarl=tar.length;
    		},
    		scrl:function(d){
    			clearInterval(ta.timer);
    			var l=(d==-1)?0:(t[tarl-1].offsetLeft-(ta.parentNode.offsetWidth-t[tarl-1].offsetWidth)+10)
    			ta.timer=setInterval(function(){slideShow.mv(d,l)},st);
    		},
    		mv:function(d,l){
    			ta.style.left=ta.style.left||'0px';
    			var left=ta.style.left.replace('px','');
    			if(d==1){
    				if(l-Math.abs(left)<=ss){
    					this.cncl(ta.id); ta.style.left='-'+l+'px';
    				}else{ta.style.left=left-ss+'px'}
    			}else{
    				if(Math.abs(left)-l<=ss){
    					this.cncl(ta.id); ta.style.left=l+'px';
    				}else{ta.style.left=parseInt(left)+ss+'px'}
    			}
    		},
    		cncl:function(){clearTimeout(ta.timer)},
    		getimg:function(id){
    			if(auto){clearTimeout(ia.timer)}
    			if(ci!=null){
    				var ts,tsl,x;
    				ts=ia.getElementsByTagName('img'); tsl=ts.length;x=0;
    				for(x;x<tsl;x++){
    					if(ci.id!=id){var o=ts[x]; clearInterval(o.timer); o.timer=setInterval(function(){slideShow.fdout(o)},fs)}
    				}
    			}
    			if(!document.getElementById(id)){
    				var i=document.createElement('img');
    				ia.appendChild(i);
    				i.id=id; i.av=0; i.style.opacity=0;
    				i.style.filter='alpha(opacity=0)';
    				i.src=imgdir+'/'+id+imgext;
    			}else{
    				i=document.getElementById(id); clearInterval(i.timer);
    			}
    			i.timer=setInterval(function(){slideShow.fdin(i)},fs);
    		},
    		nav:function(d){
    			var c=0;
    			for(key in tar){if(tar[key]==ci.id){c=key}}
    			if(tar[parseInt(c)+d]){
    				this.getimg(tar[parseInt(c)+d]);
    			}else{
    				if(d==1){
    					this.getimg(tar[0]);
    				}else{this.getimg(tar[tarl-1])}
    			}
    		},
    		auto:function(){ia.timer=setInterval(function(){slideShow.nav(1)},autodelay*1000)},
    		fdin:function(i){
    			if(i.complete){i.av=i.av+fs; i.style.opacity=i.av/100; i.style.filter='alpha(opacity='+i.av+')'}
    			if(i.av>=100){if(auto){this.auto()}; clearInterval(i.timer); ci=i}
    		},
    		fdout:function(i){
    			i.av=i.av-fs; i.style.opacity=i.av/100;
    			i.style.filter='alpha(opacity='+i.av+')';
    			if(i.av<=0){clearInterval(i.timer); if(i.parentNode){i.parentNode.removeChild(i)}}
    		},
    		lim:function(){
    			var taw,taa,len; taw=ta.parentNode.offsetWidth; taa=taw/4; 
    			bxs=slideShow.leftpos(ta); bxe=bxs+taa; fxe=bxs+taw; fxs=fxe-taa;
    		},
    		pos:function(e){
    			xp=ie?event.clientX+document.documentElement.scrollLeft:e.pageX; 
    			yp=ie?event.clientY+document.documentElement.scrollTop:e.pageY;
    			if(xp>bxs&&xp<bxe&&yp>ys&&yp<ye){
    				slideShow.scrl(-1);
    			}else if(xp>fxs&&xp<fxe&&yp>ys&&yp<ye){
    				slideShow.scrl(1);
    			}else{slideShow.cncl()}
    		},
    		leftpos:function(t){
    			var l=0;
    			if(t.offsetParent){
    				while(1){l+=t.offsetLeft; if(!t.offsetParent){break}; t=t.offsetParent}
    			}else if(t.x){l+=t.x}
    			return l;
    		},
    		toppos:function(t){
    			var p=0;
    			if(t.offsetParent){
    				while(1){p+=t.offsetTop; if(!t.offsetParent){break}; t=t.offsetParent}
    			}else if(t.y){p+=t.y}
    			return p;
    		}
    	};
    }();
    
    window.onload=function(){slideShow.init(); slideShow.lim()};
  • 03-06-2009, 04:14:59
    #2
    Üyeliği durduruldu
    arkadaşlar konu güncel yardımlarınızı bekliyorum..
  • 03-06-2009, 09:24:35
    #3
    çalışan örnek olarak gösterebilirmisin? fs=5 diyor. onu değiştirmeyi denermisin birde?

    <kd>Java ayrı javascript ayrı</kd>
  • 03-06-2009, 10:23:29
    #4
    Üyeliği durduruldu
    felix59 adlı üyeden alıntı: mesajı görüntüle
    çalışan örnek olarak gösterebilirmisin? fs=5 diyor. onu değiştirmeyi denermisin birde?
    <kd>Java ayrı javascript ayrı</kd>

    slm fs5 herhangi bir değişilik yapmıyor..

    küçük resim olarak altta görünüyor. ama üzerine geldiğimde büyük olarak görün müyor..
  • 04-06-2009, 02:19:13
    #5
    hocam örnek linki koyarsan daha iyi olur. işini görecek başka scriptler de tavsiye edebiliriz.
  • 04-06-2009, 03:59:58
    #6
    Üyeliği durduruldu
    anka81 adlı üyeden alıntı: mesajı görüntüle
    hocam örnek linki koyarsan daha iyi olur. işini görecek başka scriptler de tavsiye edebiliriz.
    sorun çözülmüştür...

    çözümüde şöyle kurcala bozarsın şaka bir yana sorun program da değilmiş value değeri ile resim adı aynı olması gerekiyormuş numaratorle sıraya dizdim sorun kalmadı..

    örneğin :

    value= 1 ise <img src= 1.jpg>
    value= 120 ise <img src=120.jpg>

    gibi olması gerekiyormuş neyseki çözdüm yoksa iş kaçacaktı