Wyskakujące okno p kliknięciu

Question

Siemanko. Chce zrobić przycisk na którym będzie "Wybierz zdjęcie" po naciśnięciu wyskoczy okno takie:

http://getbootstrap.com/javascript/#modals-sizes

I teraz tam dodam małe zdj po lewo a po prawo nazwę. Coś takiego: https://scr.hu/N83P83 (niebieski kwadrat to zdj) Po kliknięciu okno się zamknie a w "Wybierz zdjęcie" zamieni na nazwę jaką się wybierze.

@EDIT

Coś takiego: http://www.kurshtml.edu.pl/html/lista_rozwijalna,formularze.html tylko ma wyskakiwać okno wyboru a nie się rozwijać.

Comments

Próbowałeś skorzystać z <input type="file">, aby wybierać sobie zdjęcie?

https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

---

Głównie mi chodzi o te zmieniające sie opcje na przycisku a potem po zapisaniu żeby pamiętało zdj i nazwę.

Answer 1

Pod frazą show hide  jquery

Tutaj masz przykład

http://jsfiddle.net/APA2S/2/

kwestia później  od css aby dać style

Answer 2

Jeżeli chcesz aby tam się wyświetlał podgląd tego zdjęcia to musisz zrobić to w js. Jeżeli ma to być tylko formularz wyświetlany w ten sposób to robisz to poprzez animowanie top i opacity.  Efekt lightbox możesz zrobić przez stworzenie oddzielnego ciemnego diva z opacity lub elementu rodzica z półprzezroczystym background-image. 

Answer 3

Nikt nie zrozumiał do końca ;/. Che po prostu to: http://getbootstrap.com/components/#btn-dropdowns-single czymś bardziej sensownym zając. Bo ja mam ponad 80 opcji do wybrania i jak bym takie rozwinął to by ciężko było :). Możecie dać swoje propozycje ale ja myślałem nad czym że się klika wyskakuje okno dialogowe i tam wybieram.

Jak ktoś by nadal nie wiedział co ja chce zastąpić to daje ss: https://scr.hu/VOBA8L