Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

11-01-2008 13:27

Olá pessoal.
Alguem tem um script de um horizontal slide de imagens com link para aumentar a imagem numa posição acima???
Cumprimentos
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

11-01-2008 13:46

Esse aumentar a imagem que não entendi bem.

Tem esse slide aqui no fórum
http://www.codigosnaweb.com/forum/viewtopic.php?t=148

Tem uma outra também, que se for para uso particular é free
http://vikjavev.no/highslide/?user=1

DICA: use a busca do fórum antes de postar sua dúvida
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

14-01-2008 08:08

Ja tive a ver o script, mas nao faz o que pretendo.
Pretendo algo com um slider horizontal, a passsar varias imagens ,que possa clicar numa e abrir num espaço acima do slide
Cumprimentos
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

14-01-2008 08:20

Veja se não seria esse
http://www.billwscott.com/carousel/caro ... tiple.html

A referência do script acima é essa
http://www.billwscott.com/carousel/
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

14-01-2008 14:30

ja encontrei o que queria , deixo aqui o codigo:

1ª parte
<script type='text/javascript'> function carousel(params){ if(!(params.width>0 && isFinite(params.width)))params.width=100; if(!(params.height>0 && isFinite(params.height)))params.height=100; if(!(params.sides>2 && isFinite(params.sides)))params.sides=4; if(!(params.steps>0 && params.steps<100 && isFinite(params.steps)))params.steps=20; if(!(params.speed>0 && isFinite(params.speed)))params.speed=8; if(!(params.image_border_width>=0 && isFinite(params.image_border_width)))params.image_border_width=0; if(isFinite(params.id)||!params.id)params.id='bad_id_given_'+Math.random(); document.write("<div style='position:relative;overflow:hidden;' id='"+params.id.replace(/[^a-zA-Z0-9]+/g,'_')+"'></div>"); var cdiv=document.getElementById(params.id.replace(/[^a-zA-Z0-9]+/g,'_')) cdiv.style.width=params.width+'px'; cdiv.style.height=params.height+'px'; cdiv.style.border=params.border; cdiv.style.position='relative'; cdiv.style.overflow='hidden'; cdiv.title=params.id; var counter=0,spinning=true,interval=Math.floor(60000/params.sides/params.steps/params.speed)-5; interval=isNaN(interval)?200:interval; var img_position=[],images=[],img_dimension=[]; var img_index=params.images.length+1,img_index_cap=2*params.images.length; var faces=Math.ceil(params.sides/2), dimension, direction, targ, attr, faraway; function init(){ if(params.direction=="left" || params.direction=="right"){ direction=params.direction; dimension="width"; } else if(params.direction=="top" || params.direction=="bottom"){ direction=params.direction; dimension="height"; } else { direction="left"; dimension="width"; } faraway=(direction=="left"||direction=="top")?'-20000px':'20000px'; cdiv.style[dimension]=params[dimension]/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)+'px'; var img=new Image(); img.style.position='absolute'; img.style[direction]=faraway; img.style.width=params.width-2*params.image_border_width+'px'; img.style.height=params.height-2*params.image_border_width+'px'; img.style.border=(params.image_border_width||0)+'px solid '+params.image_border_color; for(var i=0;i<params.images.length;i++){ images[i]=img.cloneNode(true); images[i].src=params.images[i]; if(params.links && params.links[i] && params.links[i]!=''){ targ=params.lnk_targets && params.lnk_targets[i]||params.lnk_base||'new'; if(targ=="_blank"){ attr=(params.lnk_attr && params.lnk_attr[i])?",'"+params.lnk_attr[i]+"'":""; images[i].onclick=new Function("window.open('"+params.links[i]+"','"+targ+"'"+attr+")"); } else if(targ.substr(0,1)=="_"){ images[i].onclick=new Function(targ.substr(1)+".location='"+params.links[i]+"'"); } else{ attr=(params.lnk_attr && params.lnk_attr[i])?",'"+params.lnk_attr[i]+"'":""; images[i].onclick=new Function("var t='"+targ+"';if(window[t]){try{window[t].close()}catch(z){}}window[t]=window.open('"+params.links[i]+"',t"+attr+");window[t].focus()"); } images[i].style.cursor=document.all?'hand':'pointer'; } if(params.titles && params.titles[i] && params.titles[i]!='') images[i].title=params.titles[i]; if(document.all) images[i].alt=images[i].title; images[i+params.images.length]=images[i]; if(params.images.length==faces) images[i+2*params.images.length]=images[i]; cdiv.appendChild(images[i]); } var face_size=params.size_mode=='image'?params[dimension]:params[dimension]*Math.sin(Math.PI/params.sides); var face_offset=params[dimension]*Math.cos(Math.PI/params.sides)/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)/2-.5; var pi_piece=2*Math.PI/params.steps/params.sides; for(i=0;i<=params.steps*faces;i++){ img_dimension[i]=face_size*Math.sin(pi_piece*i); img_position[i]=(i<params.steps*params.sides/2)?Math.floor(params[dimension]/2/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)-face_offset*Math.cos(pi_piece*i)-img_dimension[i]/2)+'px':faraway; img_dimension[i]=img_dimension[i]-2*params.image_border_width>1?Math.ceil(img_dimension[i])-2*params.image_border_width+'px':'1px'; } } init(); cdiv.rotate = function(){ setTimeout('document.getElementById("'+cdiv.id+'").rotate()',interval); if(!spinning) return; if(++counter>=params.steps){ counter=0; if(++img_index>=img_index_cap) img_index=params.images.length; } images[img_index-faces].style[direction]=faraway; for(var i=faces-1;i>=0;i--){ images[img_index-i].style[direction]=img_position[counter+i*params.steps]; images[img_index-i].style[dimension]=img_dimension[counter+i*params.steps]; } } cdiv.onmouseover=function(){ spinning=false; } cdiv.onmouseout=function(){ spinning=true; } setTimeout('document.getElementById("'+cdiv.id+'").rotate()',100); } </script>

2ª parte
<script type='text/javascript'> carousel({ border:'', size_mode:'carousel', //Enter "carousel" or "image". Affects the width and height parameters below. width:400, //Enter width of image or entire carousel, depending on above value height:90, //Enter height of image or entire carousel, depending on above value sides:8, //# of sides of the carousel. What's shown = sides/2. Even integer with sides/2< total images is best steps:23, //# of animation steps. More = smoother, but more CPU intensive speed:3, //Speed of slideshow. Larger = faster. direction:'right', //Direction of slideshow. Enter "top", "bottom", "left", or "right" images:['teste1.jpg', 'teste2.jpg', 'teste3.jpg', 'teste4.jpg', 'teste5.jpg'], links: ['empresa.php', //enter link URLs, or for no links, empty array instead (links :[]) 'localiza.php', 'localiza.php', 'localiza.php', 'contactos.php'], titles:['simao', 'simao', 'simao', 'simao', 'simao'], lnk_targets:['teste', //link target for each link (see: http://www.codingforums.com/showthread.php?t=58814&page=2) 'teste', 'teste', 'teste', 'teste'], image_border_width:0, image_border_color:'' }); </script>

Cumprimentos
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

14-01-2008 15:48

Não tá faltando nada nesse código?

EDITADO: para funcionar corretamente, tem que colocar a primeira parte do código entre o head, e a segunda entre o body
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

19-02-2008 09:26

olá pessoal.
Da outra vez consegui resolver o problema que tinha com o carousel, que deixei o exemplo aqui no forum.
Mas desta vez preciso de um script de um slideshow horizontal, so para passar imagem de um lado para outro sem rodar, nem outro efeito, com opção de link.
Alguem tem algo parecido???

Cumprimentos
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

19-02-2008 11:28

O script que mostrou acima está faltando algo.

Quanto a sua dúvida o script que já indiquei antes não resolve?
http://www.billwscott.com/carousel/caro ... tiple.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

19-02-2008 12:57

olá. Não ebem isso que quero.
Precisava de um que corre-se automaticamente todas as imagens que o constituem ou então com o onmouseover mude uma ponta corre-se outros pra esse lado.

Cumprimentos
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

19-02-2008 13:54

Quanto ao seu script que disse estar OK, o que falta nele para funcionar?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

20-02-2008 07:44

Olá pessoal.
O que pretendia era um slideshow como o que podemos ver no link que deixo aqui:

http://www.c-s.com.pt/Content/Default.a ... de=799#xyz

Cumpriemntos
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

20-02-2008 17:17

Acho que é o script do link abaixo
http://www.dynamicdrive.com/dynamicinde ... allery.htm
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 108
Nome: Bruno
Localização: portugal
Contato:

horizontal slider de imagens com link

21-02-2008 09:07

É isso mesmo companheiro....muito obrigado.

Cumprimentos ¨cool-very¨
0
Cumprimentos
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

horizontal slider de imagens com link

21-02-2008 09:43

¨halfsmile¨
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado