www.corbis.com

K@VEH

Member
سلام
دوستان می خواستم ببینم چطوری می تونم یه صفحه مثل صفحه اول سایت www.corbis.com بسازم
اون قسمت رو می گم که عکس ها حرکت می کنند
چون من هر قدر با سرسش ور رفتم چیزی سر در نیاوردم و اون صفحه دیگه کار نکرد فقط در حالتی کار می کنه که عکس هایی در اون بذارم که اندازه اش دقیقاً همون اندازه داخل سرس باشه
اینم بگم که من جاوا بلد نیستم
لطفا سریع جواب بدید
در ضمن یه خواهش دیگه داشتم من چند تا template برای ساخت photogallery می خواستم لطفا اگه سایت قشنگی دیدید اینجا آدرسش رو بدید
از همه دوستان ممنونم
:wink:
 

salmanclever

Well-Known Member
سلام
عزيز من كد اين طرح را ديده بودم ولي يادم رفته ولي يادم مياد كه توي سايت http://javascriptkit.com/
ديده بودم شما اگه بري تو اين سايت و بگردي ميتوني پيداش كني
سلمان...
 

salmanclever

Well-Known Member
سلام
عزيز من كد اين طرح را ديده بودم ولي يادم رفته ولي يادم مياد كه توي سايت http://javascriptkit.com/
ديده بودم شما اگه بري تو اين سايت و بگردي ميتوني پيداش كني
سلمان...
 

mahyar_nel

Active Member
اقا هر كاري راهي داره استادي داره
اين كد اصلي فقط

و ادرس عكس و لينك هارو عوض كن
براي اندازه عكس ها بايد width و height عوص كني
کد:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title></title>
</head>
<STYLE type="text/css">
	    BODY
	    {
	    	BORDER-RIGHT: medium none;
	    	BORDER-TOP: medium none;
	    	MARGIN-TOP: 0px;
	    	PADDING-LEFT: 0px;
	    	MARGIN-LEFT: 0px;
	    	BORDER-LEFT: medium none;
	    	PADDING-TOP: 0px;
	    	BORDER-BOTTOM: medium none;
	    	BACKGROUND-COLOR: white
			
	    }
	    TABLE
	    {
	    	FONT-SIZE: 10px;
	    	COLOR: #000000;
	    	FONT-FAMILY: Verdana
	    }
	    TR
	    {
	    	FONT-SIZE: 10px;
	    	COLOR: #000000;
	    	FONT-FAMILY: Verdana
	    }
	    TD
	    {
	    	FONT-SIZE: 10px;
	    	COLOR: #666666;
	    	FONT-FAMILY: Verdana
	    }
	    
</STYLE>
<body bgcolor=#ffffff leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0>
<div id='divSC0' style='position:absolute; top:0px; left:0; z-index:20; visibility:visible; background:#FFFFFF; width:212px; height:250px;'>
<a href="www.majidonline.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://www.persianmedia.com/music/googoosh/TMGGP.jpg" width="200" height="156" alt="©Peggy Sirota/OUT074246; To license Corbis Outline content, please contact an Account Executive. " border="0"/>
</a></div><div id='divSC1' style='position:absolute; top:0px; left:212; z-index:19; visibility:visible; background:#FFFFFF; width:279px; height:250px;'>
<a href="www.yahoo.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://ms129.tripod.com/SignatureF.gif" width="278" height="250" alt="© Bettmann/U106914P-A" border="0"/>
</a></div><div id='divSC2' style='position:absolute; top:0px; left:491; z-index:18; visibility:visible; background:#FFFFFF; width:165px; height:250px;'>
<a href="www.msn.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://cache.corbis.com/www/images/uhp/pic_8_dwf1-300141.jpg" width="164" height="250" alt="© William Sallaz; Isosport/DWF1-300141" border="0"/>
</a></div><div id='divSC3' style='position:absolute; top:0px; left:656; z-index:17; visibility:visible; background:#FFFFFF; width:224px; height:250px;'>
<a href="www.hotmail.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://cache.corbis.com/www/images/uhp/pic_1_ax073714.jpg" width="223" height="250" alt="© Patrik Giardino/AX073714" border="0"/>
</a></div><div id='divSC4' style='position:absolute; top:0px; left:880; z-index:16; visibility:visible; background:#FFFFFF; width:177px; height:250px;'>
<a href="www.microsoft.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://cache.corbis.com/www/images/uhp/pic_2_ie001283.jpg" width="176" height="250" alt="© Geoffrey Clements/IE001283" border="0"/>
</a></div><div id='divSC5' style='position:absolute; top:0px; left:1057; z-index:15; visibility:visible; background:#FFFFFF; width:127px; height:250px;'>
<a href="www.skinz.org" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://cache.corbis.com/www/images/uhp/pic_3_dwf1-137233.jpg" width="126" height="250" alt="© Stephane Mantey/DWF1-137233" border="0"/>
</a></div><div id='divSC6' style='position:absolute; top:0px; left:1184; z-index:14; visibility:visible; background:#FFFFFF; width:293px; height:250px;'>
<a href="www.winamp.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="http://cache.corbis.com/www/images/uhp/pic_4_ax075537.jpg" width="292" height="250" alt="© Patrik Giardino/AX075537" border="0"/>
</a></div><div id='divSC7' style='position:absolute; top:0px; left:1477; z-index:13; visibility:visible; background:#FFFFFF; width:181px; height:250px;'>
<a href="www.eminem.com" onMouseOver="stopScroll();" onMouseOut="startScroll();" target="_top">
	<img src="C:\Documents and Settings\Administrator\My Documents\My Pictures\sample.jpg" width="154" height="200" alt="© Reuters NewMedia Inc./UT0148462" border="0"/>
</a></div>
</body>

<script language="JavaScript" type="text/javascript">
var iLeft = 0;
var iLeader = 0;
var oVisDiv0;
var oVisDiv1;
var oVisDiv2;
var oVisDiv3;
var oVisDiv4;
var oVisDiv5;
var TimeOutID
var m_ImageWidth = 7;
var m_iSeq = m_ImageWidth;
var iNumberOfImages = 8;


   startScroll();


loadVisibleDiv();

function startScroll()
{
  TimeOutID = window.setInterval('doIt();',50);
}
function stopScroll()
{
  clearInterval(TimeOutID);
}

function loadVisibleDiv()
{
	  if (document.layers){
	      for (var iCnt=0; iCnt<=m_ImageWidth; iCnt++)
		  {
		    eval("oVisDiv" + iCnt + " = document.layers['divSC" + iCnt + "']")
		  }
	  }
	  else if (document.all){
	      for (var iCnt=0; iCnt<=m_ImageWidth; iCnt++)
		  {
		    eval("oVisDiv" + iCnt + " = document.all['divSC" + iCnt + "'].style")
		  }
	  }
	  else if (document.getElementById)
	  {
	      for (var iCnt=0; iCnt<=m_ImageWidth; iCnt++)
		  {
		    eval("oVisDiv" + iCnt + " = document.getElementById('divSC" + iCnt + "').style")
		  }
	  }
}

function doIt()
{
	  var iLa;
	  var iLb;
	  var iLc;
	  var iLd;
	  var iAddIncr
	  var iLocal
	  var i
	  iLocal=iLeader
	  iAddIncr=0;
	  for (var iCnt=0; iCnt<=m_ImageWidth; iCnt++)
	  {
			eval("oVisDiv" + iLocal + ".left=" + (iLeft + iAddIncr));
				iAddIncr += MediaData[iLocal].Width + 1 // + 1 is the spacer
			iLocal+=1
			if (iLocal>m_ImageWidth)
			{
			  iLocal=0
			}
	   }
	  
	  if (iLeft<=-(MediaData[iLeader].Width+1))
	  {  
		    iLeft=0;
			m_iSeq+=1;
			if (m_iSeq > iNumberOfImages-1)
			{
			  m_iSeq=0;
			}
			iLeader+=1;
			if (iLeader > m_ImageWidth)
			{
			   iLeader=0;
			}
	  }

	  iLeft-=1
}

function changeLanguage()
{
    location.replace("default.asp");
}

function newwindow(url)
{
	var params;
	var agent = navigator.userAgent;
	var windowName = "CorbisWindow";
	
	params = "";
	params += "height=556,"
	params += "width=603,"
	params += "left=50,"
	params += "top=50,"
	params += "alwaysRaised=0,"
	params += "directories=0,"
	params += "fullscreen=0,"
	params += "location=0,"
	params += "menubar=b,"
	params += "resizable=1,"
	params += "scrollbars=1,"
	params += "status=0,"
	params += "toolbar=0"
	
	var win = window.open(url,windowName,params);	
	 
	if (agent.indexOf("Mozilla/2") != -1 && agent.indexOf("Win") == -1) 
	{
		win = window.open(url, windowName , params);
	}
	
	if (!win.opener) 
	{
		win.opener = window;
	}
}

var MediaData = new Array();
function makeData(CorbisID, Width, Height)
{
		        this.CorbisID = CorbisID;
			    this.Width = Width;
				this.Height = Height;
	            return true;
}
MediaData[0] = new makeData('OUT074246',211,0)
MediaData[1] = new makeData('U106914P-A',278,0)
MediaData[2] = new makeData('DWF1-300141',164,0)
MediaData[3] = new makeData('AX073714',223,0)
MediaData[4] = new makeData('IE001283',176,0)
MediaData[5] = new makeData('DWF1-137233',126,0)
MediaData[6] = new makeData('AX075537',292,0)
MediaData[7] = new makeData('UT0148462',180,0)


</script>
</html>
 

K@VEH

Member
آقا من خودم قبلا اين كارو كردم
ولي تا دست تو اون كد مي برم يا ديگه كار نمي كنه يا خراب مار مي كنه 8O
 

جدیدترین ارسال ها

بالا