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