Autor Tópico: [Ajuda] Php ou Html  (Lida 997 vezes)

DarKst4r

  • Membro Pro
  • Uber Geek
  • ****
  • Mensagens: 292
  • Karma: 0
  • Vive cada dia como se fosse o último
    • Ver Perfil
[Ajuda] Php ou Html
« em: Março 31, 2009, 11:10:41 »
É assim eu estou a fazer o meu novo portefólio e tive a ideia que em vez de o utilizador carregar numa imagem e ela aparecer expandida noutra página, eu gostava de fazer com que quando o mesmo passa-se com o Rato por cima da Imagem ela fazia Zoom, mas sem sair do próprio Site Tipo assim:

-h*tp://www.estratego.com/store_online_detail.asp?ref=02080106  ( Passem o Rato por cima da imagem Do Marcador)


Eu queria +/- assim...


Alguem me podia ajudar??


PTthe13

  • Membro Pro
  • Geek
  • ****
  • Mensagens: 122
  • Karma: 0
    • Ver Perfil
    • http://PT13.co.cc
[Ajuda] Php ou Html
« Responder #1 em: Março 31, 2009, 11:26:50 »
Vou-te ja dizer k esse sistema de zoom é uma merda num ecran com 1600x900... n se ve ponta dum corno!!

Experimenta antes o Lightbox > http://www.lokeshdhakar.com/projects/lightbox2/
ou melhor ainda, o meu preferido Floatbox > http://randomous.com/tools/floatbox/demo.php
« Última modificação: Março 31, 2009, 11:27:31 por PTthe13 »



DarKst4r

  • Membro Pro
  • Uber Geek
  • ****
  • Mensagens: 292
  • Karma: 0
  • Vive cada dia como se fosse o último
    • Ver Perfil
[Ajuda] Php ou Html
« Responder #2 em: Março 31, 2009, 12:31:01 »
POis eu sei.. mas foi o único exemplo que tinha para dar.


no Site Do Float Box, é so ver que tipo de "efeito" quero e depois é so Copiar O Code, certo?

PTthe13

  • Membro Pro
  • Geek
  • ****
  • Mensagens: 122
  • Karma: 0
    • Ver Perfil
    • http://PT13.co.cc
[Ajuda] Php ou Html
« Responder #3 em: Março 31, 2009, 12:38:53 »
Tens k fazer isto:

Citar
Primeiro sacas o ficheiro > http://randomous.com/tools/floatbox/floatbox_324.zip

1- Extrais tudo para uma pasta chamada "floatbox" na root do teu site.

2- Metes este codigo no <head> do teu site:
<link type="text/css" rel="stylesheet" href="/floatbox/floatbox.css" />
<script type="text/javascript" src="/floatbox/floatbox.js"></script>

3- e as fotos k puseres (ke keres k tenham o efeito metes rel="floatbox" no <a> por exemplo <a href="nomeDaImagem.jpg" rel="floatbox">

Pronto... Se usares wordpress ou assim existe tambem um plugin ke te facilita mt a vida

Se não estiver a funcionar vem pedir ajuda pk cmg a explicar é complicado LOL
« Última modificação: Março 31, 2009, 12:39:24 por PTthe13 »



DarKst4r

  • Membro Pro
  • Uber Geek
  • ****
  • Mensagens: 292
  • Karma: 0
  • Vive cada dia como se fosse o último
    • Ver Perfil
[Ajuda] Php ou Html
« Responder #4 em: Março 31, 2009, 01:24:16 »
Ok Thanksssss......



PTthe13

  • Membro Pro
  • Geek
  • ****
  • Mensagens: 122
  • Karma: 0
    • Ver Perfil
    • http://PT13.co.cc
[Ajuda] Php ou Html
« Responder #5 em: Março 31, 2009, 01:48:55 »
No prob... kk coisa perg