[JavaScript][HTML]bootstrap-select nie wyświetla obrazka w <option> Opcje

[lekosm2]

Witajcie, do mojego kodu dodałem bootstrap-select > https://github.com/silviomoreto/bootstrap-select

Kod wygląda tak:

[HTML] pobierz, plaintext 
<select class="selectpicker" multiple>
<optgroup label="Rangi dodatkowe" data-max-options="4">
<option><img src="data:image/png;base64,'.$group['icon'].'" /> Nazwa </option>
</optgroup>
</select>
[HTML] pobierz, plaintext 

[nospor]

http://silviomoreto.github.io/bootstrap-select/examples/
1) Nigdzie w tych przykladach nie widze, by pozwalano na obrazki
2) jak bardzo chcesz tam wlozyc html to musisz uzyc atrybut data-content
Tak ciezko przejrzec przyklady?

[lekosm2]

http://silviomoreto.github.io/bootstrap-select/examples/
1) Nigdzie w tych przykladach nie widze, by pozwalano na obrazki
2) jak bardzo chcesz tam wlozyc html to musisz uzyc atrybut data-content
Tak ciezko przejrzec przyklady?

Nie działa.

Znalazłem jeszcze tu przykład pod nazwą Select with Thumbnails:
https://thdoan.github.io/bootstrap-select/examples.html

Zrobiłem tak jak jest tam, ale obrazków nadal nie wyświetla

[nospor]

Zamiast pisac "Nie dziala" to pokaz kod po poprawkach, bo calkiem mozliwe ze wstawiles go zle.

[lekosm2]

Zamiast pisac "Nie dziala" to pokaz kod po poprawkach, bo calkiem mozliwe ze wstawiles go zle.

[HTML] pobierz, plaintext 
 <!-- Bootstrap core CSS -->
 <link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-select.min.css" rel="stylesheet">
 
<select title="Select your surfboard" class="selectpicker">
  <option>Select...</option>
  <option data-thumbnail="images/icon-chrome.png">Chrome</option>
  <option data-thumbnail="images/icon-firefox.png">Firefox</option>
  <option data-thumbnail="images/icon-ie.png">IE</option>
  <option data-thumbnail="images/icon-opera.png">Opera</option>
  <option data-thumbnail="images/icon-safari.png">Safari</option>
</select>
 
 
 
   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-select.js"></script>
[HTML] pobierz, plaintext 

Obrazki też pobrałem i wrzuciłem do właściwego folderu /images

[nospor]

Operujesz teraz na dwoch roznych libach. Jeden ma wsparcie dla thumnails (ten drugi), jeden nie ma (ten pierwszy).
Co by sie upewnic: ladujesz teraz wlasciwy lib?

[lekosm2]

Operujesz teraz na dwoch roznych libach. Jeden ma wsparcie dla thumnails (ten drugi), jeden nie ma (ten pierwszy).
Co by sie upewnic: ladujesz teraz wlasciwy lib?

Jak usunąłem <script src="js/bootstrap.min.js"></script>
To lista z pozycjami w menu w ogóle się nie rozwijała, a jak usunąłem <link href="css/bootstrap.css" rel="stylesheet"> to cały select się rozpadł.

[nospor]

Nie kazalem ci usawac. Mowilem, bys zaladowal wlasciwy lib

[lekosm2]

Nie kazalem ci usawac. Mowilem, bys zaladowal wlasciwy lib

A tak? Użyłem lib'ów z chmury
https://jsfiddle.net/8Lxvy19j/

Tu też nie działa.

[nospor]

Zrozum w koncu: uzywasz LIBu pierwszego, a kod wstawiasz, ktory dziala dla LIBu drugiego. Ile razy mozna to tlumaczyc?

[lekosm2]

Zrozum w koncu: uzywasz LIBu pierwszego, a kod wstawiasz, ktory dziala dla LIBu drugiego. Ile razy mozna to tlumaczyc?

No to o który lib chodzi.. bo nie wiem o co dokładnie Ci chodzi. Mógłbyś wkleić mi tą linijkę z prawidłowym libem?
(Przepraszam, ale nei ogarniam wszystkiego.. )

[nospor]

Moze kawe by sie troche obudzic? Podales przyklad dla thumbnail a jako przyklad podales wykorzystanie innego libu. Ten wlasnie lib masz zaladowac. To ze oba liby maja te sama nazwe, nie znaczy, ze sa takie same :/ Tam sa dwa rozne repozytoria na kazdy z libow

[lekosm2]

Moze kawe by sie troche obudzic? Podales przyklad dla thumbnail a jako przyklad podales wykorzystanie innego libu. Ten wlasnie lib masz zaladowac. To ze oba liby maja te sama nazwe, nie znaczy, ze sa takie same :/ Tam sa dwa rozne repozytoria na kazdy z libow

Kawa pomogła, zamieniłem na ten: https://thdoan.github.io/bootstrap-select/j...strap-select.js

Teraz działa.
Dzięki!

[nospor]

W koncu Brawo A na przyszlosc zaczynaj dzien od litra kawy