Witam!
Mam takie pole w swoim panelu zarządzania stroną, gdzie mogę sobie dobrać zdjęcia z folderu (lista rozwijana) oraz pozycję poziomą i pionową:


Na ten moment mam skrypt, dzięki któremu mogę sobie tylko dynamicznie podglądać zdjęcia w tagu img, do którego wysyła src z selecta.
Chciałbym natomiast zrobić zamiast img diva, do którego będą dynamicznie trafiały dane z trzech pól rozwijanych: background:url( źródło zdjęcia) pozycja_y pozycja_x

Poniżej skrypt, którym dysponuję teraz:
  1. <div class="attribute">
  2. <select name="image" onChange="picture1.src=this.options[this.selectedIndex].getAttribute('data-whichPicture');">
  3. <option value="" data-whichPicture="">Wybierz miniaturkę</option>
  4. dodaj;
  5. $plik = glob('../upload/_thumbs/Images/*.*');
  6. sort($plik);
  7. foreach ($plik as $filename) {
  8. $nazwa = explode("/", $filename);
  9. echo '<option value="'.$nazwa[4].'" data-whichPicture="'.$filename.'">'.$nazwa[4].'</option>';
  10. }
  11. echo <<< dodaj
  12. </select>
  13. <select name="imagepos_y">
  14. <option value="center">Wycentrowane</option>
  15. <option value="top">U góry</option>
  16. <option value="bottom">U dołu</option>
  17. </select>
  18. <select name="imagepos_x">
  19. <option value="center">Wycentrowane</option>
  20. <option value="right">Po prawej</option>
  21. <option value="left">Po lewej</option>
  22. </select>
  23. </div>
  24. <div class="asd">
  25. <div class="fix">
  26. <img src="" id="picture1"/>
  27. </div>
  28. </div>


Dziękuję za każdą wskazówkę i pomoc! Pozdrawiam.