Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde,
Estou com um problema e queria dicas de como resolver.
Nesse javascript estou precisando de um "foreach" do php para colocar as imagens que vem do banco de dados.
Não sei como integrar Javascript e PHP.
Alguém tem uma dica?
<script type="text/javascript">
gallery_set = [
//AQUI DENTRO EU TENHO QUE PEGAR UM ARRAY, FOR, FOREACH O QUE FOR PRA PEGAR AS IMAGENS DO BANCO.
'<?php echo base_url() ?>assets/img/gallery/kenburns/1.jpg',
'<?php echo base_url() ?>assets/img/gallery/kenburns/2.jpg'
]
jQuery(document).ready(function(){
"use strict";
jQuery('html').addClass('without_border');
jQuery('#kenburns').attr('width', window_w);
jQuery('#kenburns').attr('height', window_h-header.height());
jQuery('#kenburns').kenburns({
images: gallery_set,
frames_per_second: 30,
display_time: 8000,
fade_time: 500,
zoom: 1.2,
background_color:'#000000'
});
jQuery('#kenburns').css('top', header.height()+'px');
});
</script>
Creio que você precisa buscar as imagens por ajax e depois tratar no JS:
http://www.w3schools.com/jquery/ajax_ajax.asp
Oque poderia substituir o foreach no JS é o each:
http://www.w3schools.com/jquery/misc_each.asp
Olha esse exemplo de como buscar dados por ajax:
http://clubedosgeeks.com.br/programacao/listando-registro-de-banco-de-dados-mysql-com-ajax-json-e-php
Tenta adaptar o seu código para trazer as imagens.