Afisare imagini din MySql intr-un modal

Buna ziua, intampin iar o problema de care nu stiu exact cum sa scap.
Am facut sistemul de image upload, am afisat calea in baza de date intr-un row. Acum nu stiu exact cum pot afisa imaginea intr-un modal.

Tabela arata ceva de genul

postid | sourcelink

unde sourcelink contine path-ul catre poza.

Am o variabila Hidden in form care tine minte postid-ul.

Eu folosesc modal-ul de pe w3school, cel basic.
Si daca iau prin php cu un select calea si o afisez intr-un src, imi pune doar pentru o postare imaginea.
Multumesc frumos!

Eu zic sa te folosesti de data attribute pe acel sourceLink, pe care-l iei cu JavaScript si-l pui intr-un modal…

var imageLink = $('element').data('img-link');
$('#myModal').modal('show');
$(document).on('shown.bs.modal', '#myModal', function(e) { 
    $(this).removeData('bs.modal').find('.modal-content').html('<img src="' + imageLink + '"');

    // Stops the event from bubbling up the event chain.
    e.stopPropagation();
});

Stiu ca nu e ideal, insa ca sa-ti faci o idee…
PS: Nu stiu ce inseamna modalul clasic, dar eu am intuit ca te folosesti de boostrap

Bafta!

1 Like

Nu știu dacă am voie :slight_smile: se poate șterge dacă deranjează pe cineva.

Acesta este modalul
https://www.w3schools.com/howto/howto_css_modals.asp