agregar codigo para agrandar imagen

[dairo65]

Saludos y buen día.

Recurro a sus amables conocimientos para arreglar este problema, tengo una linea de código en js en el cual quiero poner el codigo html para agrandar la imagen pero no hallo como ponerlo.

Código Javascript:

'<img src="logos/' + obj[i].data.logo + '" style="width: 80px !important; height: auto !important; float: left !important;">' : '') +
 

y quiero poner este pedazo donde al hacer click me agranda la imagen

Código HTML:

<a href="imagenes/foto1-ampliada.jpg">
 

pero al poner el código así.

Código Javascript:

'<a href="logos"><img src="logos/' + obj[i].data.logo + '" style="width: 80px !important; height: auto !important; float: left !important;">' : '') +
 

me arroja la lista de todas las imagenes que estan en mi hosting y que estan en la carpeta "logos" , pero no me toma la que viene de la bd automáticamente.

en teoria me deberia de tomar el link

http://localhost/myweb/logos/aqui el nombre de la imagen/

pero solo sale asi
http://localhost/myweb/logos/

alguna idea?

desde ya gracias pro sus ambles comentarios

[ArturoGallegos]

Prueba con un lightbox como este
https://fancyapps.com/fancybox/3/

[dairo65]

gracias por responder ArturoGallegos, lo que pasa es que la carga de la imagen la hace en js dentro de un index.php osea en mi index.php hay un espacio donde carga el js con la imagen y pues no la he podido agrandarla al darle click, por que el código esta como esta descrito anteriormente.
en pocas palabras no he dado como ordenar mi código
no se si me haga entender.

[ArturoGallegos]

Ayúdanos a ayudarte, publica el html+css+js que se imprime en pantalla, sin php y completo para poder reproducir el problema.