JavaScript : Показване на произволна картинка.

Готови кодове за по-голяма атрактивност
Post Reply
User avatar
Smirnoff
Гуру
Гуру
Posts: 2727
Joined: Mon Jun 05, 2006 6:33 pm
Answers: 59
Location: web-tourist.net
Contact:

JavaScript : Показване на произволна картинка.

Post by Smirnoff » Thu Sep 21, 2006 11:56 am

Абе хора много се извинявам ама съм го гледал тоя джава скрипт.

Значи при всяко зареждане на страницата да се появява различна картинка.

Май е нещо от рода на random image .

Благодаря предварително на отзовалите се, и се извинявам ако темата ми е банална :oops:

User avatar
mizarck
Гуру
Гуру
Posts: 2195
Joined: Fri May 05, 2006 7:51 pm
Answers: 39
Location: София

Post by mizarck » Thu Sep 21, 2006 11:59 am

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>

<body>

<div id="html1" style="position&#58;absolute; overflow&#58;hidden; left&#58;0px; top&#58;0px; width&#58;603px; height&#58;377px; z-index&#58;0">
<base target="_blank">
<script language="JavaScript">
<!--

function random_imglink&#40;&#41;&#123;
  var myimages=new Array&#40;&#41;
  //Въвеждане на снимките. Можеда да добавите колкото искате, само да следвате последователността &#58;&#41; myimages&#91;това число расте&#93;="snimka.jpg"
  myimages&#91;1&#93;="images/snimka1.jpg"
  myimages&#91;2&#93;="images/snimka2.gif"
 
  //Въвеждане на линковете към снимките&#58;
  var imagelinks=new Array&#40;&#41;
  imagelinks&#91;1&#93;="http&#58;//web-tourist.net/"
  imagelinks&#91;2&#93;="http&#58;//web-tourist.net/"
  
  var ry=Math.floor&#40;Math.random&#40;&#41;*myimages.length&#41;

  if &#40;ry==0&#41;
     ry=1
     document.write&#40;'<a href='+'"'+imagelinks&#91;ry&#93;+'"'+'><img src="'+myimages&#91;ry&#93;+'" border=0></a>'&#41;
&#125;

  random_imglink&#40;&#41;
//-->
</script>
</div>


</body>
</html>
sdfsdf

User avatar
Smirnoff
Гуру
Гуру
Posts: 2727
Joined: Mon Jun 05, 2006 6:33 pm
Answers: 59
Location: web-tourist.net
Contact:

Post by Smirnoff » Thu Sep 21, 2006 12:27 pm

Намерих нещо, но снимката не ми я показваше като линк.

А този дето си постнал е точно такава каквато ми трябва.

Благодаря ти много !!
Полезно ми беше :P

ivanstef
Нов
Нов
Posts: 4
Joined: Sat Jan 31, 2009 12:50 pm

Post by ivanstef » Thu Feb 12, 2009 2:48 pm

Пич, ти си върхът. Благодаря ти много. От доста време се опитвам да го напиша този скрипт, но все нещо не излиза. Благодаря ти много! :?: :?: :?:

User avatar
Borko
Нов
Нов
Posts: 50
Joined: Thu Jun 22, 2006 6:43 pm
Location: Горна Оряховица
Contact:

Post by Borko » Thu Feb 19, 2009 12:27 pm

Ето още един вариант в който се сменят през определен период от време:

Code: Select all



var ultimateshow=new Array&#40;&#41; 

//ultimateshow&#91;x&#93;=&#91;"Папка с картинките", "OPTIONAL link for image", "OPTIONAL link target"&#93; 

ultimateshow&#91;0&#93;=&#91;'catalog/img/download_2_pic.jpg', 'catalog/download_2_file.pdf', '_blank'&#93;
ultimateshow&#91;1&#93;=&#91;'catalog/img/download_3_pic.jpg', 'catalog/download_3_file.pdf', '_blank'&#93; 
ultimateshow&#91;2&#93;=&#91;'catalog/img/download_4_pic.jpg', 'catalog/download_4_file.pdf', '_blank'&#93; 
ultimateshow&#91;3&#93;=&#91;'catalog/img/download_5_pic.jpg', 'catalog/download_5_file.pdf', '_blank'&#93; 
ultimateshow&#91;4&#93;=&#91;'catalog/img/download_6_pic.jpg', 'catalog/download_6_file.pdf', '_blank'&#93; 
ultimateshow&#91;5&#93;=&#91;'catalog/img/download_7_pic.jpg', 'catalog/download_7_file.pdf', '_blank'&#93; 
ultimateshow&#91;6&#93;=&#91;'catalog/img/download_8_pic.jpg', 'catalog/download_8_file.pdf', '_blank'&#93; 
ultimateshow&#91;7&#93;=&#91;'catalog/img/download_9_pic.jpg', 'catalog/download_9_file.pdf', '_blank'&#93; 
ultimateshow&#91;8&#93;=&#91;'catalog/img/download_10_pic.jpg', 'catalog/download_10_file.pdf', '_blank'&#93; 
ultimateshow&#91;9&#93;=&#91;'catalog/img/download_15_pic.jpg', 'catalog/download_15_file.pdf', '_blank'&#93; 

//Настройка на картинките 

var slidewidth="100" //Дължина по width 
var slideheight="70" //Дължина по height 
var slidecycles="" //Номер на картинка при която да спре ротацията 
var randomorder="yes" //Повтаряне на картинките "yes" или "no" 
var preloadimages="yes" //preload images? "yes" or "no" 
var slidebgcolor='' 

//Скорост на ротация на картинките &#40;в милисекунди&#41; 
var slidedelay=4000

var ie=document.all 
var dom=document.getElementById 
var curcycle=0 

if &#40;preloadimages=="yes"&#41;&#123; 
for &#40;i=0;i<ultimateshow.length;i++&#41;&#123;
var cacheimage=new Image&#40;&#41; 
cacheimage.src=ultimateshow&#91;i&#93;&#91;0&#93; 
&#125; 
&#125; 

var currentslide=0 

function randomize&#40;targetarray&#41;&#123; 
ultimateshowCopy=new Array&#40;&#41; 
var the_one 
var z=0 
while &#40;z<targetarray.length&#41;&#123; 
the_one=Math.floor&#40;Math.random&#40;&#41;*targetarray.length&#41; 
if &#40;targetarray&#91;the_one&#93;!="_selected!"&#41;&#123; 
ultimateshowCopy&#91;z&#93;=targetarray&#91;the_one&#93; 
targetarray&#91;the_one&#93;="_selected!" 
z++ 
&#125; 
&#125; 
&#125; 

if &#40;randomorder=="yes"&#41; 
randomize&#40;ultimateshow&#41; 
else 
ultimateshowCopy=ultimateshow 

function rotateimages&#40;&#41;&#123; 
curcycle=&#40;currentslide==0&#41;? curcycle+1 &#58; curcycle 
ultcontainer='<center>' 
if &#40;ultimateshowCopy&#91;currentslide&#93;&#91;1&#93;!=""&#41; 
ultcontainer+='<a href="'+ultimateshowCopy&#91;currentslide&#93;&#91;1&#93;+'" target="'+ultimateshowCopy&#91;currentslide&#93;&#91;2&#93;+'">' 
ultcontainer+='<img src="'+ultimateshowCopy&#91;currentslide&#93;&#91;0&#93;+'" border="0">' 
if &#40;ultimateshowCopy&#91;currentslide&#93;&#91;1&#93;!=""&#41; 
ultcontainer+='</a>' 
ultcontainer+='</center>' 
if &#40;ie||dom&#41; 
crossrotateobj.innerHTML=ultcontainer 
if &#40;currentslide==ultimateshow.length-1&#41; currentslide=0 
else currentslide++ 
if &#40;curcycle==parseInt&#40;slidecycles&#41; && currentslide==0&#41; 
return 
setTimeout&#40;"rotateimages&#40;&#41;",slidedelay&#41; 
&#125; 

if &#40;ie||dom&#41; 
document.write&#40;'<div id="slidedom" style="width&#58;'+slidewidth+';height&#58;'+slideheight+'; background-color&#58;'+slidebgcolor+'"></div>'&#41; 

function start_slider&#40;&#41;&#123; 
crossrotateobj=dom? document.getElementById&#40;"slidedom"&#41; &#58; document.all.slidedom 
rotateimages&#40;&#41; 
&#125; 

if &#40;ie||dom&#41; 
window.onload=start_slider 


User avatar
JusT
Турист
Турист
Posts: 239
Joined: Fri Feb 20, 2009 7:14 pm
Location: Meздра

Post by JusT » Tue Apr 14, 2009 8:12 pm

Във този втория вариант как мога да си позиционирам картинките, че имам 4 полета и в тях искам да се сменят през определено време картинките

r_a_s
Нов
Нов
Posts: 197
Joined: Fri Apr 02, 2010 12:19 pm

Post by r_a_s » Sat Feb 09, 2013 7:08 pm

Добре, а тоя код, как може да се направи за повече картинки?
Да кажем 6 картинки и също така да не се повтарят.

Ето го кода пак:

Code: Select all

	 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>

<body>

<div id="html1" style="position&#58;absolute; overflow&#58;hidden; left&#58;0px; top&#58;0px; width&#58;603px; height&#58;377px; z-index&#58;0">
<base target="_blank">
<script language="JavaScript">
<!--

function random_imglink&#40;&#41;&#123;
  var myimages=new Array&#40;&#41;
  //Въвеждане на снимките. Можеда да добавите колкото искате, само да следвате последователността &#58;&#41; myimages&#91;това число расте&#93;="snimka.jpg"
  myimages&#91;1&#93;="images/snimka1.jpg"
  myimages&#91;2&#93;="images/snimka2.gif"
 
  //Въвеждане на линковете към снимките&#58;
  var imagelinks=new Array&#40;&#41;
  imagelinks&#91;1&#93;="http&#58;//web-tourist.net/"
  imagelinks&#91;2&#93;="http&#58;//web-tourist.net/"
  
  var ry=Math.floor&#40;Math.random&#40;&#41;*myimages.length&#41;

  if &#40;ry==0&#41;
     ry=1
     document.write&#40;'<a href='+'"'+imagelinks&#91;ry&#93;+'"'+'><img src="'+myimages&#91;ry&#93;+'" border=0></a>'&#41;
&#125;

  random_imglink&#40;&#41;
//-->
</script>
</div>


</body>
</html>

Post Reply