малко помощ относно "java scripts"

A

azure

Registered
Здравейте,
най напред да ви честитя новата 2010г, с пожелание за здраве и много успехи!
И сега искам малко помощ относно един скрипт
но първо с уговорката че относно "java" съм пълен лаик (почти нищо не разбирам)
та въпроса ми е следния:

намерих един скрипт който движи една снимка вертикално

Код: 
<script type="text/javascript">
document.write("<marquee behavior=\"scroll\" direction=\"up\" scrollamount=\"5\" height=\"600\" width=\"550\"><img src=\"img/sn1.jpg"\ id=\"pic\"/></marquee>");
</script>

може ли някой да ми каже как да стане така че няколко снимките да се сменят на всяко завъртане,без да се рефрешва страницата може рандом, може и подредени

Благодаря Ви предварително
 
а защо не ги вкараш тези всички снимки директно в този скрипт?


Код: 
<script type="text/javascript">
document.write("<marquee behavior=\"scroll\" direction=\"up\" scrollamount=\"5\" height=\"600\" width=\"550\">
<img src=\"img/sn1.jpg"\ id=\"pic\"/><br/>
<img src=\"img/sn2.jpg"\ id=\"pic\"/><br/>
<img src=\"img/sn3.jpg"\ id=\"pic\"/><br/>
<img src=\"img/sn4.jpg"\ id=\"pic\"/><br/>
<img src=\"img/sn5.jpg"\ id=\"pic\"/><br/>
</marquee>");
</script>
 
благодаря за отговора,
това нещо го пробвах, но не ме устройства, защото всички се движат "залепени"една за друга ,а аз искам когато премине една снимка следващата да тръгва след като премине и се скрие първата
предполагам трябва да ползвам някаква променлива ама не ми е ясно как трябва да стане
 
ами направи един прозрачен gif и го сложи зад всяка снимка, като му дадеш размери колкото ти е голямо полето

по този начин ще излизат така както искаш
 
нещо не е така синтаксиса, не се получава,нищо не се показва
трябва да копирам целия сорс няколко пъти, само с линк към картинката не се получава
 
много лошо, под мозила го подкарах, но под IE не работи както трябва,
явно ще се отказвам от този скрипт и ще търся нещо друго,
Благодаря за отговорите,
 
е не се предавай толкоз лесно де :)


по принцип, не знам каква е причината да изкарваш marquee-то с чаваскрипт, при положение че то си е чист html елемент


та

ето кода

Код: 
<marquee behavior="scroll" direction="up" scrollamount="5" height="600" width="550">
<img src="img/sn1.jpg" id="pic"/><br/>
<img src="img/sn2.jpg" id="pic"/><br/>
<img src="img/sn3.jpg" id="pic"/><br/>
<img src="img/sn4.jpg" id="pic"/><br/>
<img src="img/sn5.jpg" id="pic"/><br/>
</marquee>

полето където ще се появяват снимките ти е 500 на 600 пиксела

и сега вместо
Код: 
<img src="img/sn1.jpg" id="pic"/><br/>
<img src="img/sn2.jpg" id="pic"/><br/>
<img src="img/sn3.jpg" id="pic"/><br/>
<img src="img/sn4.jpg" id="pic"/><br/>
<img src="img/sn5.jpg" id="pic"/><br/>

слагаш

Код: 
<img src="img/sn1.jpg" id="pic"/><br/>
<img src="img/pix.gif" width="550" height="600"/><br/>
<img src="img/sn2.jpg" id="pic"/><br/>
<img src="img/pix.gif" width="550" height="600"/><br/>
<img src="img/sn3.jpg" id="pic"/><br/>
<img src="img/pix.gif" width="550" height="600"/><br/>
<img src="img/sn4.jpg" id="pic"/><br/>
<img src="img/pix.gif" width="550" height="600"/><br/>
<img src="img/sn5.jpg" id="pic"/><br/>
<img src="img/pix.gif" width="550" height="600"/><br/>

където
<img src="img/pix.gif" width="550" height="600"/>
трябва да е прозрачен гиф.
направи си този гиф с оригинален размер 1х1 пиксела за да не товари трафика
 
да, така се получава ама само при мозилата, при IE то не става ефекта
щото когато първата картинка стигне горния краи изчезва и започва пак отново така не се показват всички картинки...
а при мозилата се получава ефект на превъртане
при експлорера ако пусна само една картинка когато стикне края изчзва моментално а не се скрива постепенно, така като пусна 2 картинки втората се показва само до половина, а ако са 3 третата изобщо не се показва
докато при мозилата всички се извъртат...пфу...май се отплеснах в писане...
 
пробвай с това:




Код: 
<style type="text/css">

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}

</style>

<script type="text/javascript">

/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)) //if scroller hasn't reached the end of its height
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px" //move scroller upwards
else //else, reset to original position
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight //height of marquee content (much of which is hidden from view)
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee


</script>


<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">



<h4>Your scroller contents</h4>



</div>
</div>


нагласи си размерите
 
Еййййййй....най сетне......златен си, де го изрови тоя скрипт....2 дена вече се рзаправяме с чичо " Гугъл"...и неможах да попадна на нещо такава.

перфектно ще ми свърши работа, и на драго сърце ще гласувам за теб
Приятна вечер и успехи...!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе