Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: 'jednoczesne otwieranie jpgow'
Forum PHP.pl > Forum > Przedszkole
bobek
14.05.2007, 20:47:45
w tabeli mam kilkanascie jpgow,
podczas ladowania stronki otwieraja sie one 'po kolei' - bez ensu to wyglada ;/
moze ktos mi podpowie, co zrobic zeby te jpgi otwieraly sie w tym samym czasie??
dzieki za pomoc exclamation.gif
Daimos
14.05.2007, 20:49:12
no to raczej nie mozliwe (tak mi sie zdaje, jesli zrozumialem o co Ci chodzi winksmiley.jpg )
mozesz zrobic ladowanie strony, co jest bezsensownym wyjsciem, ale wtedy mialbys grafiki od razu wszystkie wyswietlone
Nickel
14.05.2007, 21:00:17
Jeśli kilka obrazków to możesz tylko tak jak przedmówca napisał zrobić ładowanie na początku, ale to jest imo wkurzające... Pokaż kod to może znajdziemy inne rozwiązanie.
Sokal
14.05.2007, 21:13:01
Można zrobić też tak:
Kod
<img src="sciezka.png" width="100" height="150" />

Zamiast:
Kod
<img src="sciezka.png" />


IMHO, ładniej to wygląda winksmiley.jpg
bobek
14.05.2007, 21:21:38
heh, no dobra, tylko sie nie smiac - jestem poczatkujacy exclamation.gif
napewno jest to malo profesjonalne podejscie, ale trudno
pierwotnie chcialem umiescic np. 9 zdjec na stronie glownej (ma sie zmieniac ich transparentnosc) niektore sa podlinkowane, niestety po odpaleniu strony otwieraja sie 'po kolei' - widac ta tabele z jpgami winksmiley.jpg
dzieki za wszelkie sugestie, jak rozwiazac ten problem, czy wogole zrobic to inaczej, wolalbym pozostac przy tym rozwiazaniu bo mam juz ten skrypt js
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
  4. <link rel="stylesheet" type="text/css" href="moj.css">
  5. </HEAD>
  6. <script>
  7.  
  8. nereidFadeObjects = new Object();
  9. nereidFadeTimers = new Object();
  10.  
  11. function nereidFade(object, destOp, rate, delta){
  12. if (!document.all)
  13. return
  14.     if (object != "[object]"){  //do this so I can take a string too
  15.         setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
  16.         return;
  17.     }     
  18.     clearTimeout(nereidFadeTimers[object.sourceIndex]);
  19.  
  20.     diff = destOp-object.filters.alpha.opacity;
  21.     direction = 1;
  22.     if (object.filters.alpha.opacity > destOp)
  23. 	{
  24.         direction = -1;
  25.     }
  26.     delta=Math.min(direction*diff,delta);
  27.     object.filters.alpha.opacity+=direction*delta;
  28.  
  29.     if (object.filters.alpha.opacity != destOp)
  30. 	{
  31.         nereidFadeObjects[object.sourceIndex]=object;
  32.         nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
  33.     }
  34. }
  35. </script>
  36. </body>
  37.  
  38. <TABLE WIDTH=880 bgcolor="#E1F0FF" BORDER=2 CELLPADDING=0 CELLSPACING=0 align="center" >	
  39. <TR>
  40. 	<TD><img src="images/1.jpg" oncontextmenu="return false"   galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  41. 	<TD><img src="images/2.jpg" oncontextmenu="return false"   galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  42. 	<TD><img src="images/3.jpg" oncontextmenu="return false"   galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  43. 	<TD><img src="images/4.jpg" oncontextmenu="return false"   galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  44. </TR>	
  45. <TR>
  46. 	<TD><img src="images/9.jpg"  oncontextmenu="return false"  galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  47. 	<TD><img src="images/10.jpg" oncontextmenu="return false"  galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  48. 	<TD><img src="images/11.jpg" oncontextmenu="return false"  galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  49. 	<TD><img src="images/12.jpg" oncontextmenu="return false"  galleryimg="no" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,15,40,10)" onmouseout="nereidFade(this,100,50,5)" width="240" height="180"></TD>
  50. 	</TR>
  51. </TABLE>
  52. </html>
[HTML] pobierz, plaintext
Amorph
15.05.2007, 07:04:58
@Nickel & my salsa: z chęcią wysłucham waszych za i przeciw. Dlaczego waszym zdaniem preloadery są bezsensowne i wkurzające?

Moje zdanie:
1. Porządne przygotowane poprawiają estetykę strony,
2. Nie ma denerwujących efektów typu zdjęcie do połowy wczytane,
3. Spełniają funkcję informacyjną ile jeszcze trzeba oczekiwać na pojawienie się strony, a nie wyskakują co jakiś czas doczytane fragmenty strony.

Pozdrawiam.
mike
15.05.2007, 07:54:18
~Amorph podam Ci przykład i sam sobie odpowiedz.
Wolałbyś oglądać film po ściągnięciu całości (powiedzmy po 5min.) skoro wiesz, że możesz zacząć go oglądać już po 10sek. w ramach streamingu?
Odpowiedź jest oczywista.

Preloader możesz stworzyć tylko wczytując wszystkie obrazki do pamięci (wczytane pozostają ukryte i czekają na resztę) a potem odsłonić całość na raz.

Na dzień dobry z Twojej strony rezygnuje połowa internautów, ponieważ wchodzą i zamiast oglądać stronę (tą część, która już się załadowała) musi czekać na całość, ponieważ Ty chcesz się popisać tym, że potrafisz taki preloader zrobić. Tak teraz można szczerze powiedzieć - bez sensu.

Zwróć uwagę też na to że szybkość ładowania będzie zależała od łącza oraz możliwości komutera (JavaScript będzie musiał mielić Twoją stronę) i część uzytkowników może uznać że są jakieś błędy, bądź stwierdzi że nie chce im się czekać.

Pamiętaj, że na zdobycie sympatii internauty masz jakieś 5 sekund.
W takim czasie statystycznie zostaje podjęta decyzja czy zostaję czy idę dalej.

Koleja sprawa to, że preloader spowalnia naturalne odruchy internautów. Ludzie przeglądają strony bardzo szybko, szybciej niż one się ładują. Ty to zablokujesz.

I na koniec.
Zostanie Ci do załadowania jakiś jeden malutki zapyziały gif, który załadować się nie chce (bo łącze, bo coś, bo tak mu się chce). Co zrobisz? Nie pokażesz nic? Pokażesz jednak resztę? Na jakiej podstawie stwierdzisz czy jednak zaniechać ładowania i przerwać preloadera?

P.S.
~bobek zamykam.
Proszę zapoznać się z zasadami pisania na forum Przedszkole a potem przesłać PW z poprawnym tytułem wątku mi bądź innemu moderatorowi.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.