Javascript - reload obrázku

netace, 12.06.2009 17:51, Programování, 21 odpovědí (674 zobrazení) Vyřešen
Zdravím, pomohl by mi někdo z kódem na reload obrázků na www stránce, peru se stím už asi týden a pořád mi to nedělá to co potřebuji. Po najetí myši příkazem onmouseover aby se zobrazil malý obrázek místo velkého. Data jsou uloženy v sk.rar .Děkuji

Odpovědět


PředmětAutorDatum
Re: Javascript - reload obrázku marekdrtic12.06.2009 18:05
Re: Javascript - reload obrázku netace12.06.2009 18:18
Re: Javascript - reload obrázku host12.06.2009 18:39
Re: Javascript - reload obrázku MM..12.06.2009 18:40
Re: Javascript - reload obrázku netace12.06.2009 19:52
Re: Javascript - reload obrázku los13.06.2009 21:26
Re: Javascript - reload obrázku netace14.06.2009 00:36
Re: Javascript - reload obrázku Kráťa14.06.2009 01:58
Re: Javascript - reload obrázku netace14.06.2009 10:43
Re: Javascript - reload obrázku PeterKD15.06.2009 01:06
Re: Javascript - reload obrázku Kráťa15.06.2009 01:42
Re: Javascript - reload obrázku los14.06.2009 21:04
Re: Javascript - reload obrázku netace16.06.2009 23:24
Re: Javascript - reload obrázku marekdrtic17.06.2009 06:21
Re: Javascript - reload obrázku Kráťa17.06.2009 09:46
Re: Javascript - reload obrázku netace17.06.2009 13:13
Re: Javascript - reload obrázku netace17.06.2009 13:11
Re: Javascript - reload obrázku MaSo17.06.2009 15:53
Re: Javascript - reload obrázku netace17.06.2009 17:20
Re: Javascript - reload obrázku PeterKD20.06.2009 19:41
Re: Javascript - reload obrázku poslednínetace04.07.2009 03:33

Re: Javascript - reload obrázku

marekdrtic, 12.06.2009 18:05
A nestačilo by to jen vhodně nastylovat pomocí CSS a hover?
http://www.mnhs.cz ... Uložíte-li jakýkoli soubor na disk, zapomenete, kam.

↑ Odpovědět


Re: Javascript - reload obrázku

netace, 12.06.2009 18:18
Teoreticky je jedno jestli to bude v Javě a nebo jinak, jediný co nechci, tak to je aby to makalo přes iframe.

↑ ← Odpovědět


Re: Javascript - reload obrázku

host, 12.06.2009 18:39
Iframe s tím vůbec nesouvisí.
Jaká otázka, taková odpověď.

↑ ← Odpovědět


Re: Javascript - reload obrázku

MM.., 12.06.2009 18:40
He? Nechapem jak to myslis. Zmysel? Ak ochrana tak vypnem javu a mam ten velky obrazok a ochrana=0. ALebo view - page source a mam aj velky.

↑ Odpovědět


Re: Javascript - reload obrázku

netace, 12.06.2009 19:52
Potřeboval bych pouze zprovoznit nějak, aby po najetí myší na malý obrázek, se tento malý obrázek zobrazil místo toho velkého a zůstal tam, pokud se neukáže myší na jiný obrázek. Stejný způsob jako http://suchen.mobile.de/fahrzeuge/details.html?lan g=de&id=117059270&pageNumber=1&tabNumber=2 . Dík

↑ ← Odpovědět


Re: Javascript - reload obrázku

los, 13.06.2009 21:26
Postup:
1. Vymažeš všetky zbytočné skripty (link na súbor over_picture.js, všetky onmouseover a onmouseout).
2. Hlavnému obrázku nastavíš identifikátor, napr. id=image.
3. Elementu, ktorý obsahuje obrázky s náhľadmi nastavíš iný identifikátor, napr. id=thumbs.
4. Niekde pod elementy image a thumbs dáš takýto skript:
document.getElementById("thumbs").onmouseover = function(e) {
	e = e || window.event;
	var target = e.target || e.srcElement;

	if (target.tagName == "IMG")
		document.getElementById("image").src = target.src.replace(/\/small(\/[^\/]+)$/, "$1")
}
5. Doupravuješ podľa svojich predstáv (skript pôjde asi do externého súboru, osobne by som to HTML trochu zjednodušil - odstránil zbytočné nbsp, premenoval styl17 a styl14 na niečo zmysluplnejšie, zbavil sa tých nadbytočných div align=left, a pod.)
HTTP 200 OK

↑ Odpovědět


Re: Javascript - reload obrázku

netace, 14.06.2009 00:36
Děkuji ti za pomoc, ale asi jsem tě špatně pochopil, nechce mi to makat. Přikládám znova zdroják, jak jsem to podělal. Jestli tě můžu poprosit, mohl by jsi to předělat po mmě, moc by mi to pomohlo. S html jsem začínal někdy za dob win 9X a od té doby se toho hodně změnilo, moc jsem stránky nepsal a teď v tom plavu. Hold jsem v tomto směru lama.

↑ ← Odpovědět


Re: Javascript - reload obrázku

Kráťa, 14.06.2009 01:58
My zase jaksi nemůžeme pochpopit tebe. Máš na mysli něco takového?
http://krata.bubakov.net/www/pokusy/vedlejsi/
(najeď si na ikonu lupy)
Kráťa s vypnutým zvukem

↑ ← Odpovědět


Re: Javascript - reload obrázku

netace, 14.06.2009 10:43
Je to sice podobné, ale já chci tohle http://htpc-obchod.ic.cz/skoda1.html akorát stím aby mi to fungovalo i v mozile a opeře. V ie mi to funguje dobře. Původně se ty obrázky měli měnit po najetí myší - funkcí onmouseover.

↑ ← Odpovědět


Re: Javascript - reload obrázku

PeterKD, 15.06.2009 01:06
Predpokladam ze takto nejak si to asi predstavujes tak ako to je v prilohe?

Ten tvoj skriptik ma par nedostatkov (ale to aj ten moj). Prvy je ze visual basic skriptovanie podporuje jedine microsoft a teda internet explorer. Pokial chces aby to bezalo pod vsetkym alebo skoro pod vsetkym tak jedine javascript. Dalsia vec co tam bola je ze pouzivas filtre, ktore ma len internet explorer a mozilla a asi ani opera ich nemaju, ale nasiel som obdobne riesenie, ktore ma par nedostatkov ale je to to iste co si mal v odkaze len je to prerobene na javascript a ma to obojsmerne rolovanie.

Co sa tyka tych nedostatkov tak je to hlavne odlisne casovanie pre explorer, mozillu a operu pri pouzivani funkcii setTimeout a setInterval. Pre mozillu a operu sa to javy temer obdobne pre explorer to ide o dost pomalsie a zatial neviem ako to urychlit. Mozno by sa dalo este pouzit jQuery je s tym obcas aj jednoduchsia praca, alebo skusit nejaky flash. Nic lepsie ma zatial nenapada.

Ale inak ten internet explorer tiez nemusi byt problem. Skript pren budes pouzivat vo Visual Basicu ten co mas a pre ostatne prehliadace pouzijes javascript. Iba to oddelis podmienkov ktory skript sa pre ktore prehliadace pouzije.

↑ ← Odpovědět


Re: Javascript - reload obrázku

Kráťa, 15.06.2009 01:42
Princip je stejný.
Kráťa s vypnutým zvukem

↑ ← Odpovědět


Re: Javascript - reload obrázku

los, 14.06.2009 21:04
Identifikátor jednoznačne identifikuje práve jeden element na stránke - ty si priradil id=thumbs každému obrázku s náhľadom. Takže tie identifikátory id=thumbs vymaž a pridaj ho tomu nadradenému divu.
HTTP 200 OK

↑ ← Odpovědět


Re: Javascript - reload obrázku

netace, 16.06.2009 23:24
Děkuji všem za pomoc, vážím si toho. Sice mi to nefunguje přes onmouseover, ale už jsem rozchodil script, který mi maká ve všech prohlížečích.

↑ Odpovědět


Re: Javascript - reload obrázku

marekdrtic, 17.06.2009 06:21
Ten skript je tajný? Možná to tu někdy v budoucnu bude člověk hledat.
http://www.mnhs.cz ... Uložíte-li jakýkoli soubor na disk, zapomenete, kam.

↑ ← Odpovědět


Re: Javascript - reload obrázku

Kráťa, 17.06.2009 09:46
To bude nějaký z těch co se sem vkládaly (asi).
Kráťa s vypnutým zvukem

↑ ← Odpovědět


Re: Javascript - reload obrázku

netace, 17.06.2009 13:13
sklamu tě, a jsem rád, alespoň jsem se něco přiučil :-)

↑ ← Odpovědět


Re: Javascript - reload obrázku

netace, 17.06.2009 13:11
Nevěděl jsem, že budete chtít vidět ten script, takže ho sem přiložím

takže tento script je nad </HEAD> , to cashování mám připravený na další fotky

<SCRIPT><!--
function SpustFilter(Obrazek)
{ 
document.getElementById('prohlizec').src=Obrazek;
}
--></SCRIPT>
<script language="JavaScript">
<!--
cache1=new Image
();
cache1.src="1.jpg"; 
cache2=new Image(); 
cache2.src="2.jpg";
cache3=new Image(); 
cache3.src="3.jpg";
cache4=new Image(); 
cache4.src="4.jpg"; 
cache5=new Image(); 
cache5.src="5.jpg";
cache6=new Image(); 
cache6.src="6.jpg";
cache7=new Image(); 
cache7.src="7.jpg";
cache8=new Image(); 
cache8.src="8.jpg";
cache9=new Image(); 
cache9.src="9.jpg";
cache10=new Image(); 
cache10.src="10.jpg";
cache11=new Image(); 
cache11.src="11.jpg";
cache12=new Image(); 
cache12.src="12.jpg";
cache13=new Image(); 
cache13.src="13.jpg";
cache14=new Image(); 
cache14.src="14.jpg";
cache15=new Image(); 
cache15.src="15.jpg";
// --> 
</script>

u velkého obrázku

<img src="foto/skoda/skoda_octavia_1.6_classic/small/1.jpg" width="280" height="200" id="prohlizec" border="2">

a takle vypadá odkaz do toho velkého obrázku

<img onclick="SpustFilter('foto/skoda/skoda_octavia_1.6_classic/small/2.jpg')" src="foto/skoda/skoda_octavia_1.6_classic/small/2.jpg" width="60" height="40" id="obr2" />

výsledek vypadá prozatimně takto http://htpc-obchod.ic.cz/sk.html lze ho vyzkoušet v jakémkoliv prohlížeči včetně SAFARI

↑ ← Odpovědět


Re: Javascript - reload obrázku

MaSo, 17.06.2009 15:53
Vyrobeno 2001
V provozu od 2000
Tak to beru! Takovou Oktávku nemá nikdo! :))
Success is just like being pregnant. Everybody congratulates you, but nobody knows, how many times you were fucked.

↑ ← Odpovědět


Re: Javascript - reload obrázku

netace, 17.06.2009 17:20
Dík za radu se scriptem, mě šlo o ty obrázky a né o ty údaje.:!:

↑ ← Odpovědět


Re: Javascript - reload obrázku

PeterKD, 20.06.2009 19:41
Nejak som nepochopil rozdiel toho co si ty vytvoril a co som ti sem ja pilozil az na ten animacni efekt.

↑ ← Odpovědět


Re: Javascript - reload obrázku poslední

netace, 04.07.2009 03:33
Ten tvůj SCRIPT je lepší než můj, ale já jsem si to rozchodil, než jsi sem dal ten tvůj.

↑ Odpovědět


TOPlist