1. TugaTech » Programação, Scripts e Webmasters » Programação, Scripts e Webmasters

Siga-nos

Realize o Login na sua conta ou Registe-se para participar.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1Nota [jQuery] Slide Wallpaper (qualidade melhorada) - em Sex 27 Abr 2012 - 9:06

Daniel Mendes

Super-membro
avatar
Deixo aqui um código que usei no meu blogue para as imagens de fundo.

As funções dele são incríveis, ele ajusta as imagens ao monitor, melhora a qualidade não afetando a velocidade a que a imagem aparece... etc

Código:
<script type='text/javascript'>
//<![CDATA[
jQuery(function($){
$.supersized({
//Functionality
slideshow              :  1,      //Slideshow on/off
autoplay            :   1,      //Slideshow starts playing automatically
start_slide            :  1,      //Start slide (0 is random)
random               :    0,      //Randomize slide order (Ignores start slide)
slide_interval          :  3000,   //Tempo que as imagens aparecem estáticas
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      :   6000,   //Velocidade de transição
new_window            :   1,      //Image links open in new window/tab
pause_hover            :  0,      //Pause slideshow on hover
keyboard_nav            :  1,      //Keyboard navigation on/off
performance            :   2,      //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_portrait           :  1,      //Portrait images will not exceed browser height
fit_landscape         :  0,      //Landscape images will not exceed browser width
//Components
navigation              :  1,      //Slideshow controls on/off
thumbnail_navigation    :  1,      //Thumbnail navigation
slide_counter          :  1,      //Display slide numbers
slide_captions          :  1,      //Slide caption (Pull from "title" in slides array)
slides                :     [      //Slideshow Images
{image : 'http://i49.servimg.com/u/f49/17/29/45/79/gilmou10.jpg'},
{image : 'http://i49.servimg.com/u/f49/17/29/45/79/david_12.jpg'},
{image : 'http://i49.servimg.com/u/f49/17/29/45/79/david_11.jpg'},
{image : 'http://i49.servimg.com/u/f49/17/29/45/79/david_10.jpg'},
{image : 'http://alojaimagens.com/images/li4id107o8xzadq6fmfg.jpg'},
{image : 'http://alojaimagens.com/images/lgydinfmquxoszecbkw5.jpg'},
{image : 'http://i49.servimg.com/u/f49/17/29/45/79/gilmou11.jpg'}
]                           
});
});
//]]>
</script>

Para mudar as imagens é no final do código, não será complicado de fazer.
Alguma dúvida sobre o código, façam-nas no tópico.

Ver perfil do usuário http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero
conectado

DJPRMF

Administrador
avatar
Bom código... Very Happy
Testei num site que possuo e fica com um efeito engraçado Razz


____________________________________________




Não respondo a MP's de tópicos que podem ser colocados no forum. Ajude e seja ajudado por todos.
TugaTech | Host TugaTech
Ver perfil do usuário http://tugatech.com.pt https://www.facebook.com/DJPRMF https://twitter.com/dj_prmf DJPRMF https://plus.google.com/+PedroFernandes-DJPRMF?rel=author

Daniel Mendes

Super-membro
avatar
Atenção que dá para alterar os valores todos do código, caso não saibam digam-me o que querem fazer eu altero.

jQuery é uma linguagem um tanto complicada, mas sem ver tutoriais nenhuns já aprendi algumas coisitas.
Acho-o bastante parecido ao Java, em termos de objetivos, pois é direcionado a objetos, geralmente.

Cumps.

Quero só notificar também eu saquei um pequeno código da net, muito pequeno, modifiquei, testei e ficou tal como eu queria, dessa forma que eu dei no tópico.

Não sei para quem vai os créditos... hehe Very Happy

Ver perfil do usuário http://www.dusttbox.com https://www.facebook.com/www.facebook.com/zerokj skkzero

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum




Aplicações do TugaTechAplicações TugaTechBlog TugaTechBlog do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech