Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML]bootstrap-select nie wyświetla obrazka w <option>
lekosm2
post
Post #1





Grupa: Zarejestrowani
Postów: 141
Pomógł: 0
Dołączył: 9.10.2015

Ostrzeżenie: (0%)
-----


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

Kod wygląda tak:
  1. <select class="selectpicker" multiple>
  2. <optgroup label="Rangi dodatkowe" data-max-options="4">
  3. <option><img src="data:image/png;base64,'.$group['icon'].'" /> Nazwa </option>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lekosm2
post
Post #2





Grupa: Zarejestrowani
Postów: 141
Pomógł: 0
Dołączył: 9.10.2015

Ostrzeżenie: (0%)
-----


Cytat(nospor @ 11.04.2017, 11:51:54 ) *
Zamiast pisac "Nie dziala" to pokaz kod po poprawkach, bo calkiem mozliwe ze wstawiles go zle.


  1. <!-- Bootstrap core CSS -->
  2. <link href="css/bootstrap.css" rel="stylesheet">
  3. <link href="css/bootstrap-select.min.css" rel="stylesheet">
  4.  
  5. <select title="Select your surfboard" class="selectpicker">
  6. <option>Select...</option>
  7. <option data-thumbnail="images/icon-chrome.png">Chrome</option>
  8. <option data-thumbnail="images/icon-firefox.png">Firefox</option>
  9. <option data-thumbnail="images/icon-ie.png">IE</option>
  10. <option data-thumbnail="images/icon-opera.png">Opera</option>
  11. <option data-thumbnail="images/icon-safari.png">Safari</option>
  12.  
  13.  
  14.  
  15. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  16. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  17. <!-- Include all compiled plugins (below), or include individual files as needed -->
  18. <script src="js/bootstrap.min.js"></script>
  19. <script src="js/bootstrap-select.js"></script>


Obrazki też pobrałem i wrzuciłem do właściwego folderu /images
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 15:52