Skocz do zawartości

Zdjęcie
- - - - -

Bootstrap holder.js nie działa

holder.js bootstrap twitter

4 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
newbie

    Nowy użytkownik

  • 2 postów
    • :
0
Neutralna

Napisano 27 września 2013 - 14:56

#1

Zacząłem zabawę z bootstrapem od programistów twittera i mam problem. Mianowicie nie mogę załadować miniaturki.

Mam taki fragment kodu:
 

<img data-src="holder.js/300x200" alt="">

Ale nie wczytuje się wskazana miniatura. Nie wyświetla się absolutnie nic. Jakieś sugestie?


  • 0

zonic

    WT Elite

  • 2 911 postów
    • Czas spędzony online: 134d 2h 28m 23s
472
Znakomita!
  • LocationToruń

Napisano 27 września 2013 - 18:09

#2

Przede wszystkim sprawdź podlinkowanie do pliku holder.js w swoim kodzie HTML. Przykład:

 

<script src="js/holder/holder.js"></script>

Oprócz tego w swoim fragmencie kodu zamiast data-src daj samo src. No i nie zapominaj jak ważny dla obrazków jest alt - nie zostawiaj go pustego.

 


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 27 września 2013 - 19:53

#3

Może przez to że nie podałeś z czego ma zostać wygenerowana miniaturka ;)

<img data-src="sciezka_do_js/holder.js/300x200" src="scieza_do_grafiki.png" alt="">

:D


  • 0

webDeveloper


newbie

    Nowy użytkownik

  • 2 postów
    • :
0
Neutralna

Napisano 27 września 2013 - 21:50

#4

W zasadzie post zonica rozwiązał problem. Ale czy mógłby mi ktoś wytłumaczyć czemu domyślny obrazek pojawił się po dodaniu samego:

 

<img data-src="holder.js/300x200" alt="">

bez podawania ścieżki do obrazka tak jak wskazał unbreak? Ten obrazek jakoś w pliku .js jest umieszczony?

I czym się różni data-src od samego src?


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 28 września 2013 - 09:58

#5

data-src to atrybut z html5 należący do grupy data. Można sobie w nich zapisywać różne rzeczy: http://ejohn.org/blo...ata-attributes/

 

src to jest standardowy atrybut z html dla tagu img wskazujący na obrazek który ma się wyświetlić.

 

A domyślny obrazek pojawia się ponieważ jest on gdzieś js zakodowany za pomocą base64 jeżeli się nie mylę: http://getbootstrap....nts/#thumbnails

 

 

Przy połączeniu src wskazującym na obrazek i data-src na pliczek js od thumbnaila pojawia nam się miniaturka.


  • 0

webDeveloper






Podone tematy Collapse


Również z jednym lub większą ilością słów kluczowych: holder.js, bootstrap, twitter

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych