Slide show image url
Olá!
Estou tentando encontrar uma forma de embutir php no arquivo .js ou outra forma de solucionar esse problema, mas não consegui:
'no campo da url das imagens queria que ficasse as últimas fotos das postagens do meu site, no o meu banco de dados (MYSQL: no banco de dados, para cada postagem é feito o upload de 1 imagem, para o campo imagem na tabela.)'.
nota: com php eu consigo obter o endereço das última imagem por exemplo, mas não sei aplicar o php ao arquivo .js
segue o exemplo do arquivo, onde está em negrito é o campo de endereço da imagem:
/------------------------------------------/
jQuery(function ($) {
$.supersized({
// Functionality
slideshow: 1, // Slideshow on/off
autoplay: 1, // Slideshow starts playing automatically
start_slide: 1, // Start slide (0 is random)
stop_loop: 0, // Pauses slideshow on last slide
random: 0, // Randomize slide order (Ignores start slide)
slide_interval: 5000, // Length between transitions
transition: 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed: 1000, // Speed of transition
new_window: 1, // Image links open in new window/tab
pause_hover: 1, // Pause slideshow on hover
keyboard_nav: 1, // Keyboard navigation on/off
performance: 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect: 1, // Disables image dragging and right click with Javascript
// Size & Position
min_width: 0, // Min width allowed (in pixels)
min_height: 0, // Min height allowed (in pixels)
vertical_center: 1, // Vertically center background
horizontal_center: 1, // Horizontally center background
fit_always: 0, // Image will never exceed browser width or height (Ignores min. dimensions)
fit_portrait: 1, // Portrait images will not exceed browser height
fit_landscape: 0, // Landscape images will not exceed browser width
// Components
slide_links: 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank')
thumb_links: 0, // Individual thumb links for each slide
thumbnail_navigation: 0, // Thumbnail navigation
slides: [
{ image: 'O ENDEREÇO DA IMAGEM', url: '' },
{ image: 'O ENDEREÇO DA IMAGEM', url: '' },
{ image: 'O ENDEREÇO DA IMAGEM', url: '' },
{ image: 'O ENDEREÇO DA IMAGEM', url: '' },
{ image: 'O ENDEREÇO DA IMAGEM', url: '' }
],
// Theme Options
progress_bar: 0,
mouse_scrub: 0
});
});Discussão (2)
Carregando comentários...