Problema para slider con imagenes desde php
Publicado por Jesús (2 intervenciones) el 26/07/2020 12:51:15
Buenas, me he atascasdo en un slider con jquery y php. Las imagenes las obtengo con una consulta php y obtengo los datos con json. El caso es que el slider es de una plantilla html y no se muy bien como puedo mostrar los datos. Dejo el html, el jquery y el php que tengo actualmente:
main.js
index.html
Este es el codigo que viene con la plantilla html y que tendria que modificar desde el archivo js (y aquí es donde no se podr donde ir)
slider.php
main.js
1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({
url: '../componentes/slider.php',
type: 'POST',
dataType: 'json',
success: function (data) {
$.each(data, function (idx, obj) {
alert(data[idx].nombre);
//AQUI TENDRIA QUE MONTAR EL CODIGO HTML PARA QUE SE MUESTREN LAS IMAGENES QUE LLEGAN DE LA CONSULTA })*/});
}})
index.html
Este es el codigo que viene con la plantilla html y que tendria que modificar desde el archivo js (y aquí es donde no se podr donde ir)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div data-src="img/slider/2.jpg">
<div class="d-table">
<div class="d-tablecell">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="slide-text">
<h1 class="animated fadeInDown">best cycling experience</h1>
<div class="shape animated flipInX">
<img src="img/slider/shape.png" alt="" />
</div>
<h4 class="animated fadeIn">become the world leader on the internet for the sport of cycling.</h4>
<a class="shop-btn animated fadeInUp" href="shop.html">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
slider.php
1
2
3
4
5
6
7
8
9
10
11
12
<?php
include_once '../inc/config.php';$sqlImagenes = $idcon->prepare("SELECT * FROM imagenes_web WHERE idEmpresa = :idEmpresa ORDER BY posicion ASC");
$sqlImagenes->execute(array(':idEmpresa' => EMPRESA_ID));
$datosSlider = $sqlImagenes->fetchAll(PDO::FETCH_ASSOC);
foreach($datosSlider as $datoSlider):
$output[] = $datoSlider;
endforeach;
echo json_encode($output);
?>
Valora esta pregunta
0