| Autor | Zpráva | ||
|---|---|---|---|
| ronaldinho Profil * |
#1 · Zasláno: 25. 9. 2012, 21:59:23
Zdravím,
dá sa tento JS upraviť tak, aby sa fotky menili automaticky napr. po 5 sekundách a nie po kliknutiach? <script type="text/javascript">
<!--
Pics = new Array(3);
Pics[0] = '<A HREF="http://www.1.cz">'+
'<IMG SRC="1.gif" ALT="Web 1" Border=0></A>';
Pics[1] = '<A HREF="http://www.2.cz">'+
'<IMG SRC="2.gif" ALT="Web 2" Border=0></A>';
Pics[2] = '<A HREF="http://www.Web 3.cz">'+
'<IMG SRC="3.gif" ALT="Web 3" Border=0></A>';
document.write(Pics[Math.floor(Math.random() * Pics.length)]);
// -->
</SCRIPT>predtým som riešil pohyblivé obrázky cez obrázky .gif ale toto mám fotky a dosť sa mi zníži kvalita. Ďakujem |
||
| Taps Profil |
#2 · Zasláno: 25. 9. 2012, 22:14:36
ronaldinho:
nebylo by lepší použít nějaký hotový jquery slider ? |
||
| Chamurappi Profil |
#3 · Zasláno: 25. 9. 2012, 22:27:55
Reaguji na Tapse:
Nebylo by lepší nevnucovat každému na potkání jQuery? Tahat devadesátikilový balík kvůli takové prkotině… Reaguji na ronaldinha: „a nie po kliknutiach?“ Současná podoba skriptu nijak nereaguje na kliknutí, náhodný obrázek vybírá při načtení. Mají se měnit v náhodném pořadí, nebo postupně, nebo postupně s náhodným začátkem? |
||
| ronaldinho Profil * |
#4 · Zasláno: 25. 9. 2012, 22:40:23
Chamurappi:
majú sa meniť postupne 4-5 obrázkov a stále dookola |
||
| Chamurappi Profil |
#5 · Zasláno: 25. 9. 2012, 22:48:46
Reaguji na ronaldinha:
<a id="odkaz" href="http://www.1.cz">
<img id="obrazek" src="1.gif" alt="Web 1" title="Web 1">
</a>
<script>
var odkazy = ["http://www.1.cz", "http://www.2.cz", "http://www.3.cz"];
var obrazky = ["1.jpg", "2.jpg", "3.jpg"];
var popisky = ["Web 1", "Web 2", "Web 3"];
var n = 0;
function vymena()
{
n = (n + 1) % odkazy.length;
document.getElementById("odkaz").href = odkazy[n];
document.getElementById("obrazek").src = obrazky[n];
document.getElementById("obrazek").alt = document.getElementById("obrazek").title = popisky[n];
}
setInterval(vymena, 5000); // 5000 milisekund = 5 sekund
</script> |
||
| Taps Profil |
#6 · Zasláno: 26. 9. 2012, 07:10:11
Chamurappi:
Já nic nevnucoval, pouze jsem se zeptal. Na druhou stranu bude mít aspoň tazatel povědomí o tom, že něco takového existuje |
||
| ronaldinho Profil * |
#7 · Zasláno: 26. 9. 2012, 10:36:44
Chamurappi:
Zdravím, kód funguje ale mám jednu otázku k tomu, ku kódu priradím jednotlivé URL adresy obrázkov + adresu webu a keď to hodím na stránku a zobrazím kód tak mi prvý obrázok zobrazí takto:  a potom už zobrazí všetky obrázky správne a keď sa má ,,koliečko,, zobrazení opakovať, tak mi už normálne zobrazí aj ten prvý obrázok.
Ale zakaždým keď stránku obnovím, tak mi ten prvý obrázok zobrazí tak ako je vyššie uvedený obrázok. |
||
| Chamurappi Profil |
#8 · Zasláno: 26. 9. 2012, 10:52:23
Reaguji na ronaldinha:
Jako první obrázek bude vidět ten, který je uvedený přímo v HTML (řádky 1 až 3). Ten také uvidí lidi s vypnutým JavaScriptem napořád. JavaScript začne stránku upravovat až po těch pěti sekundách. |
||
| margin Profil * |
#9 · Zasláno: 26. 9. 2012, 10:56:43
ronaldinho:
Zřejmě zatím nemáš všude "ku kódu priradené jednotlivé URL adresy obrázkov". Abych jenom nepopichoval, JS část bys měl mít správně a chyba bude v HTML části. Koukám, že mě Chamurappi předběhl. |
||
| peta Profil |
#10 · Zasláno: 26. 9. 2012, 12:19:58
Taps: Co treba pridat odkaz hned na plugin s jquery? 90k jquery + 50k plugin
http://jquery.malsup.com/cycle/ Bez jquery se to da ale tez. 15k (na v tom prvnim je neplatna url obrazku) http://peter-mlich.wz.cz/web/js-eff/photo/slide-pp.htm |
||
| ronaldinho Profil * |
#11 · Zasláno: 26. 9. 2012, 14:51:36
Áno bolo to v tom, že som nemal priradenú URL adresu k HTML časti. Už všetko funguje ako má.
Ďakujem za pomoc. |
||
|
Časová prodleva: 4 měsíce
|
|||
| matej2210 Profil |
#12 · Zasláno: 29. 1. 2013, 21:37:17
Zdravím,
mam spravený menenie obrázkov za pomoci javascrip a chcem aby sa obrazky menily ale tak nejak postupným miznutím prvého a postupným objavením druhého a tak stále dookola index.php <head> <title>JS</title> <script type="text/javascript" src="dynamic1.js" ></script></center> </head> <body> <img id='obrazok' src="header_zima.png"> </body> dynamic1.js var obrazky= ['header_zima.png', 'header_la_zima.png'];
var i=0;
intervalID = setInterval(function(){
var modulus=i%2;
i++;
document.getElementById('obrazok').setAttribute('src', obrazky[modulus]);
}, 8000);nasiel som niečo podobne na tejto stránke http://jquery.malsup.com/cycle/ pod názvom fade síce sa to tam mení moc rýchlo ale podstatu o čo mi ide zobrazuje len neviem ako to zapísať do môjho kódu tento odkaz : $('#fade').cycle(); čo sa tyká tvorby webu som začiatočník |
||
| habendorf Profil |
#13 · Zasláno: 30. 1. 2013, 01:48:49
matej2210:
1) vyhoď si z head ten </center>
2) pokud chceš točit jen dva obrázky, dal bych je oba natvrdo (absolutně poz.) na jedno místo a měnil hornímu (nebo oběma v protisměru) opacity 3) taky by šlo mít jen jeden <img> a druhý obrázek jako background + opět hrátky s opacity
jQuery bych do toho netahal, pokud už ho nepoužíváš k něčemu jinému. Pokud tam jQuery a Cycle mermomocí tahat chceš, dáš oba obrázky absolutně přes sebe do elementu s nějakým id a zavoláš $('#to_id').cycle();
|
||
| margin Profil * |
#14 · Zasláno: 30. 1. 2013, 04:03:34
habendorf:
„nebo oběma v protisměru“ To není dobrý nápad, dám extrémní příklad, pokud budou oba obrázky černé a stránka bílá, tak uprostřed přechodu mezi obrázky bude jedna čtvrtina bílé prosvítat, kdo si to neumí představit, ve výsledku je to #404040. Zesvětlení způsobené prosvítáním pozadí je vidět i při použití běžných fotek. Napadlo mě, že by se toho dalo umělecky využít, pokud by pod fotkami byl třebas rastr. Nechám si to patentovat ;-) |
||
| matej2210 Profil |
#15 · Zasláno: 30. 1. 2013, 11:52:04
habendorf :
1. na ten center som úplne zabudol , ten je tam fakt zbytočný 2. obrázkov časom bude viac , môj odhad cca 5-10, preto som to riešil týmto spôsobom |
||
| habendorf Profil |
#16 · Zasláno: 30. 1. 2013, 12:04:25
matej2210:
„obrázkov časom bude viac , môj odhad cca 5-10, preto som to riešil týmto spôsobom“ Pak padá možnost 3), ale 2) zůstává. Napral bych je všechny na jedno místo a pak už jen hrátky se z-indexem a opacity. Ostatně ten $('#fade').cycle(); to asi taky tak dělá. |
||
| matej2210 Profil |
#17 · Zasláno: 30. 1. 2013, 20:52:50
Ďakujem za pomoc , problém som už vyriešil.
|
||
| margin Profil * |
#18 · Zasláno: 30. 1. 2013, 21:11:27
A jak?
|
||
|
Časová prodleva: 6 dní
|
|||
| matej2210 Profil |
#19 · Zasláno: 5. 2. 2013, 23:21:05
Dostal som sa ku súboru zo skriptom z tej stránky čo som písal ako ma to vyzerať a bez väčších problémov mi to nabehlo.
|
||
|
Časová prodleva: 11 let
|
|||
0