Autor Zpráva
davidmyska
Profil
Dobrý den, potřeboval bych aby obrázek udělaný tak že boční strany budou na sebe navazovat (ten už mám), rotoval o 360° v 500px širokém prostoru.
yFang
Profil
davidmyska:
Tak to udělej - javascript/flash možností je hodně.
Buď přijď s konkrétním problémem, nebo to hoď do práce a zakázky.
davidmyska
Profil
Skusím to popsat lépe.
Potřeboval bych aby tento obrázek (testovací obr.) rotoval v okně širokém 500px, něco jako virtuální prohlídka, stačí mi jen posouvání horizontální a aby se to dalo ovládat tlačítky (a nebylo by špatné kdyby to rotovalo i samo a po zmáčknutí tlačítka se to také posunulo, ale to nemusí být).
KGW
Profil
Někde jsem to viděl vyřešené v javě.
ninja
Profil
davidmyska: My Vás chápeme, ale příspěvek yFanga je stále aktuální.
davidmyska
Profil
mohli byste mi prosím pomoci já javascript ještě neumím
Darker
Profil
davidmyska:
Samosebou. Zde, zde a zde je studijní materiál na kterém lze stavět.
davidmyska
Profil
neměli byste spiše nějaký kód v prvním odkazu je posuvník a to nechci a z těch dalších odkazů jsem moc nevyčetl
Darker
Profil
Hotový skript seženeš zadáním žádostí zde.
Bubák
Profil
Uprav si http://interval.cz/clanky/rolujeme-pozadi-stranky-pomoci-javascriptu/
davidmyska
Profil
automatické posouvání funguje výborně ale já bych ještě potřeboval aby se to po kliknutí na tlačítko posunulo také a to mi v tomto kódu nejede můžete mi prosím najít chybu děkuji
<head>
<script type="text/javascript"> 
<!-- 
var moveBg=0; 
function BackgroundRoll() 
{ 
  document.getElementById('roll').style.backgroundPosition= moveBg + 'px 20px';
  moveBg++; 
}
window.setInterval("BackgroundRoll()",30); 
// --> 
</script>
<style type="text/css">
#roll {background-image: url(roll.jpg); background-repeat: repeat-x; height: 620px; width: 550px;}
</style>
</head>
<body>
 <div id="roll">
 
 </div>
 <br>
 <input type="submit" value="<<" onclick="document.getElementById('roll').style.backgroundPosition= moveBg-100;">
 <input type="submit" value=">>" onclick="document.getElementById('roll').style.backgroundPosition= moveBg+100;">
</body>
Marek88
Profil
V tom svém kodu se podívej na místa, která jsem ti vyznačil a porovnej je. Vidíš rozdíl?
<head>
<script type="text/javascript"> 
<!-- 
var moveBg=0; 
function BackgroundRoll() 
{ 
  document.getElementById('roll').style.backgroundPosition= moveBg + 'px 20px';
  moveBg++; 
}
window.setInterval("BackgroundRoll()",30); 
// --> 
</script>
<style type="text/css">
#roll {background-image: url(roll.jpg); background-repeat: repeat-x; height: 620px; width: 550px;}
</style>
</head>
<body>
 <div id="roll">
 
 </div>
 <br>
 <input type="button" value="<<" onclick="document.getElementById('roll').style.backgroundPosition= moveBg-100;">
 <input type="button" value=">>" onclick="document.getElementById('roll').style.backgroundPosition= moveBg+100;">
</body>

Navíc ty inputy nemají odesílat formulář, takže použij spíše type="button".
Jestli je tam ještě nějaká další chyba jsem nekoukal, tak zkus tohle.
davidmyska
Profil
bohužel to nepomohlo
Marek88
Profil
A opravdu to máš správně...? Navíc tím kliknutím pouze posuneš pozadí, ale proměnnou moveBg necháváš stejnou, takže po následném zavolání funkce BackgroundRoll() se ti to pozadí vrátí zase zpátky.
davidmyska
Profil
podařilo se mi upravit kód v [#11], ale už mi nejdou tlačítka I<< a >>I , potřebuji aby tlačítko I<< posunulo pozadí doleva o 100px (-100) a tlačítko >>I doprava o 100px (+100)
<script type="text/javascript"> 
<!-- 
var moveBg=0; 
function Roll(){ 
  document.getElementById('roll').style.backgroundPosition= moveBg + 'px 20px';   
  moveBg--;
}
cas = window.setInterval("Roll()",30);
// --> 
</script>
<style type="text/css">
body {text-align: center;}
#roll {background-image: url(roll.jpg); background-repeat: repeat-x; height: 620px; width: 620px; margin: auto;}
#play, #posunR, #posunL {display: none;}
</style>
</head>
<body>
 <div id="roll">
 
 </div>
 <br>
 <table><tr>
 <td><input type="button" value="I<<" onclick=";" id="posunL"></td>
 <td><input type="button" value="II" onclick="clearInterval(cas); 
 document.getElementById('play').style.display = 'block'; 
 document.getElementById('posunR').style.display = 'block'; 
 document.getElementById('posunL').style.display = 'block'; 
 document.getElementById('pause').style.display = 'none';" id="pause"></td>
 <td><input type="button" value=">" onclick="cas = setInterval('Roll()',30); 
 document.getElementById('play').style.display = 'none'; 
 document.getElementById('posunR').style.display = 'none'; 
 document.getElementById('posunL').style.display = 'none'; 
 document.getElementById('pause').style.display = 'block';" id="play"></td>
 <td><input type="button" value=">>I" onclick=";" id="posunR"></td>
 </tr></table>
</body>
davidmyska
Profil
změna [#15]:
poraďtemi prosím co mám dát do ONCLICKu u tlačítek I<< a >>I vyskoušel jsem všechno co mě napadlo a nejde to
Marek88
Profil
Trochu se nad tím zamysli. Tahle funkce to posouvá o 1px:
function Roll(){ 
  document.getElementById('roll').style.backgroundPosition= moveBg + 'px 20px';   
  moveBg--;
}

Co tedy musíš dát do onclicku, aby se to posunulo o 100px...?
Jsou to jenom dva řádky, tak to snad musíš vymyslet.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: