Lista select z obrazkami w polu option

 

Jeżeli trafiłeś na ten artykuł bo poszukujesz rozwiązania na to by w liście rozwijanej select umieścić opcje obrazkowe to dobrze trafiłeś. Przerwę twe męki i napiszę to. Rozwiązania z zastosowaniem typowych metod

CSS nie ma, by najmniej na dzień dzisiejszy (30-05-2014). Możesz wykonać piękną listę sformatowaną z obrazkami w polach option lecz Twój kod zadziała tylko w przeglądarce Mozilli. Najnowsze IE, Chrome i Opera nie będzie przychylna dla tego typu kodu. Co teraz?

 

Teraz możemy przeanalizować inne rozwiązania na przykład możemy wesprzeć się biblioteką JQuery. Istnieją pluginy współdziałające z biblioteką JQuery, które rozwiązują ten problem. Do działania wykorzystują garść skryptu js i atrybuty HTML5. Z przetestowanych przeze mnie wybieram do polecenia jeden. Jest to ddslick.

 

 

Plugin rozwiązuje w zupełności problem. Jest prosty w instalacji, prosty w użyciu. Dodatkowo styl gotowy można dowolnie formatować za pomocą CSS. Współgra dobrze z formularzami, a instalacja i dopasowanie zajęło dużo mniej czasu niż stworzenie czegoś podobnego jednak działającego tylko Mozilli. Można by rzec że plugin jest tak plastyczny, że można na stałe wczepić go w swoje projekty. Plugin można pobrać, a zarazem obejrzeć w akcji, ze strony http://designwithpc.com/Plugins/ddSlick

Aktualności

Nowa strona internetowa X-CMS

26-05-2017 Wyświetleń:1160 Aktualności

Strona internetowa dla X-CMS

Projekt systemu zarządzania treścią X-CMS z naszego warsztatu doczekał się własnej strony internetowej. Uznaliśmy, że projekt jest na tyle rozwinięty iż powinien posiadać własny serwis internetowy i na nim przechowywać...

Czytaj więcej

Tworzenie stron WWW - częste pytania

12-10-2016 Wyświetleń:2405 Aktualności

Często zadawane nam są pytania dotyczące samego procesu tworzenia stron internetowych. Dlatego zdecydowaliśmy się na rozpoczęcie cyklu artykułów, odpowiadających na najczęstsze pytania.

Czytaj więcej

Aplikacja do wystawiania faktur Online

02-05-2015 Wyświetleń:247096 Aktualności

Udostępniliśmy nowe rozszerzenie do naszego systemu zarządzania treścią – aplikację do wystawiania faktur online. Teraz możesz mieć dostęp do swoich dokumentów z każdego

Czytaj więcej

Najnowsze kursy

Tworzenie stron z Page Builder

22-01-2016 Wyświetleń:2257 Joomla!

Jest potężnym narzędziem służącym do organizacji treści na stronach serwisu. Posiada kilkadziesiąt dodatków, a jego moc tkwi w prostocie układania elementów na stronie serwisu.

Czytaj więcej

Joomla 3 - Edycja treści

01-05-2015 Wyświetleń:4863 Joomla!

  Głównym elementem systemu CMS Joomla! Jest komponent artykułów. To właśnie ten komponent odpowiada za wyświetlanie treści na podstronach. Aby przejść do panelu

Czytaj więcej