| Autor | Zpráva | ||
|---|---|---|---|
| davidmyska Profil |
#1 · Zasláno: 1. 5. 2011, 20:40:59
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 |
#2 · Zasláno: 1. 5. 2011, 21:01:13
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 |
#3 · Zasláno: 2. 5. 2011, 17:44:25
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 |
#4 · Zasláno: 2. 5. 2011, 18:15:22
Někde jsem to viděl vyřešené v javě.
|
||
| ninja Profil |
#5 · Zasláno: 2. 5. 2011, 18:53:44
davidmyska: My Vás chápeme, ale příspěvek yFanga je stále aktuální.
|
||
| davidmyska Profil |
#6 · Zasláno: 2. 5. 2011, 20:11:20
mohli byste mi prosím pomoci já javascript ještě neumím
|
||
| Darker Profil |
#7 · Zasláno: 2. 5. 2011, 20:50:03
|
||
| davidmyska Profil |
#8 · Zasláno: 3. 5. 2011, 08:37:16
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 |
#9 · Zasláno: 3. 5. 2011, 13:44:35
Hotový skript seženeš zadáním žádostí zde.
|
||
| Bubák Profil |
#10 · Zasláno: 3. 5. 2011, 23:46:21
|
||
| davidmyska Profil |
#11 · Zasláno: 4. 5. 2011, 17:27:14 · Upravil/a: davidmyska
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 |
#12 · Zasláno: 5. 5. 2011, 14:48:36
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 |
#13 · Zasláno: 5. 5. 2011, 15:59:29
bohužel to nepomohlo
|
||
| Marek88 Profil |
#14 · Zasláno: 5. 5. 2011, 16:04:19 · Upravil/a: Marek88
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 |
#15 · Zasláno: 5. 5. 2011, 17:36:49 · Upravil/a: davidmyska
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> |
||
|
Časová prodleva: 3 dny
|
|||
| davidmyska Profil |
#16 · Zasláno: 8. 5. 2011, 16:36:56
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. |
||
|
Časová prodleva: 13 let
|
|||
0