[css][WordPress] display:hide

[css][WordPress] display:hide - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [css][WordPress] display:hide (/thread-css-wordpress-display-hide)

[css][WordPress] display:hide - boogie - 18-01-2012

Moje pytanie jest następujące.
Czy zawartość div'a z parametrem

Kod:
display:none;

jest ładowana przez przeglądarkę do pamięci?
Konkretnie: czy przeglądarka załaduje do pamięci obrazki znajdujące się w div'ie wykorzystując jakże cenny dla mnie Bandwidth serwera i wydłużając czas ładowania strony?

Jeśli tak właśnie jest, mam kolejne pytanie. Jest jakiś sposób by za pomocą jQuery ładować do konkretnych div'ów dokumenty php?

RE: [css] display:hide - Ancik - 18-01-2012

Z tego co wiem, to zależy od przeglądarki. FF ich nie ładuje, IE ładuje.

RE: [css] display:hide - szym - 18-01-2012

visibility:hidden powinno pomóc

RE: [css] display:hide - Ancik - 18-01-2012

Z ciekawości poszperałem trochę w necie i z tego co się dowiedziałem, to visibility też nie jest zbytnim rozwiązaniem. W sumie jest to dość logiczne, że skoro znajduje się w kodzie taka deklaracja, to mimo wszystko jest wczytywana, bez względu na wartość określającą widoczność elementu. Dzięki temu element jest gotowy do wyświetlenia w każdej chwili.

RE: [css] display:hide - boogie - 18-01-2012

Z tego co zauważyłem sam, opera mobile na Androidzie nie ładuje tej treści. Po kliknięciu w link wywołujący tą treść z diva widać, że obrazki są dopiero doczytywane. Z kolei na PC w przypadku Chrome i FF wydaje się, że są ładowane już przy wejściu na stronę, po kliknięciu w link, są od razu dostępne. Po drugie mimo, że po odświeżeniu, kiedy strona wyświetla się już w pełni, przeglądarka nadal coś tam przez chwilkę ładuje. (czyściłem za każdym razem pamięć podręczną)

Szukam jakiegoś sposobu żeby tego uniknąć. Mam zintegrowaną galerię z szablonem Wordpressa. Obrazki muszę wywoływać za pomocą php

Kod:
<img scr="<?php bloginfo('template_directory'); ?>/obrazek.jpg">

ale kiedy umieszczę listę obrazków w osobnym pliku php i przywołam jego zawartość do div'a w pliku index.php

Kod:
function zaladuj(url) {

    $('#content').load(url, "",

        function(responseText, textStatus, XMLHttpRequest) {

            if(textStatus == 'error') {

                $('#content').html('<p>Zapraszam wkrótce.</p>');

            }

        }

    );

}

w div'ie nic się nie pojawia. Wpadłem więc na to, żeby zawartość umieścić w divie z parametrem display:hidden a następnie skrypt jQuery zastosować do załadowania teści tego diva onclick="zaladuj('#hidden #galeria')" do #content.

Macie jakieś propozycje lepszego rozwiązania? Raczkuję jeśli chodzi o JS. Myślałem też żeby wykorzystać wordpressowe
<base href="http://myexample.com" /> w index.php i zawartość galerii wywoływać z pliku HTML. Ktoś ma z tym jakieś doświadczenie?

EDIT

mimo użycia <base href="http://localhost/blog/wp-content/themes/Portfolio" />, wordpress nie wyświetla nawet logo znajdującego się w tej lokalizacji...

Poddaję się, okazało się, że IE nie wczytuje zawartości ukrytych div'ów do #content, wyświetla tylko komunikat z drugiej części skryptu

Kod:
if(textStatus == 'error') {

                $('#content').html('<p>Zapraszam wkrótce.</p>')

Bez problemów radził sobie przy tym samym skrypcie z ładowaniem zawartości z plików html w przypadku statycznej strony...
Zaczynam rozumieć głęboko zakorzenioną niechęć do IE wśród developerów...

Chyba po prostu oprę galerię o strony wordpressa...