Volver al Foro de Diseño de páginas Web

Pequeñas fotos de fotos de gran tamaño en la misma página

  • michelle32145
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Jun 04, 2008
  • Mensajes: 5
  • Status: Offline

Nota Agosto 6th, 2008, 7:01 pm

He visto sitios donde un arreglo de varias fotos en la pantalla. El usuario puede ver una foto ampliada, haga clic en mouseover o una pequeña foto. La foto es más grande que aparece en la misma página a un lado de la disposición de las fotos más pequeñas o en algún otro lugar en la misma página.

La gran foto es sustituido por otro gran foto cuando el usuario selecciona otra pequeña foto
Me pregunto dónde puedo encontrar un programa para hacer esto, o voy a tener que trabajar a partir de un script? En la actualidad estoy usando FrontPage 2002, pero estoy actualizar a MS Expresson Web 2,0 pronto.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 6th, 2008, 7:01 pm

  • Belk Media Group
  • Graphic Monk
  • Professor
  • Avatar de Usuario
  • Registrado: Ene 12, 2005
  • Mensajes: 778
  • Loc: In the heart of California, Fresno.
  • Status: Offline

Nota Agosto 6th, 2008, 9:15 pm

Bueno, nunca he utilizado Frontpage es así, no sé si hay forma automática a escribir el guión necesario o el código para usted, pero se puede hacer varias maneras. Más que probablemente es el código java script que va a necesitar. Pero usted puede también utilizar un IFrame, de capas, o Flash. Se puede ver aquí y ver si puede encontrar lo que busca. http://www.hotscripts.com
http://www.JamesBelk.com Stay Tuned for the new era in Belk Media Design
  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Agosto 7th, 2008, 8:53 am

Esto explica cómo configurar una base de intercambio de imagen con JavaScript - debe ser lo que estás buscando: http://www.Jlipoutdesign.com/javascript-image-switcher
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • videoediting-direct
  • Beginner
  • Beginner
  • No Avatar
  • Registrado: Jul 28, 2008
  • Mensajes: 53
  • Loc: United Kingdom
  • Status: Offline

Nota Agosto 8th, 2008, 4:22 am

Coloque un div en la que desea mostrar la imagen ampliada con un ID, por ejemplo:
<div id="dv_enlarge" name="dv_enlarge"> </ div>. Luego llame a una función de JavaScript OnClick de cada imagen pequeña. A continuación, sustituir la "dv_enlarge" contenido con el elemento IMG. Usted puede encontrar el código de muestra aquí:

FYI: Image1.jpg, Image2.jpg...son las imágenes situadas en un mismo directorio.

<! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4. Transición 0 / / EN ">
<HTML>
<HEAD>
<TITLE> Nuevo documento </ TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="description" CONTENT="">

<script type=text/javascript>
función open_new_window (file_name)
(
documento. getElementById ( "dv_enlarge"). innerHTML = <img src="+file_name+">;
)
</ script>

</ HEAD>

<BODY>

<a href = " #"Onclick =" javascript & #058; open_new_window (Image1.jpg); "> Imagen 1 </ a>
<a href = " #"Onclick =" javascript & #058; open_new_window (Image2. jpg); "> Imagen 2 </ a>
<a href = " #"Onclick =" javascript & #058; open_new_window (Image3.jpg); "> Imagen 3 </ a>
<a href = " #"Onclick =" javascript & #058; open_new_window (Image4.jpg); "> Imagen 4 </ a>

<div id="dv_enlarge" name="dv_enlarge"> </ div>
</ BODY>
</ HTML>
  • youdeweb
  • Newbie
  • Newbie
  • Avatar de Usuario
  • Registrado: Ago 10, 2008
  • Mensajes: 5
  • Status: Offline

Nota Agosto 10th, 2008, 7:03 pm

Trate de fuegos artificiales.
Generar automáticamente.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 5 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 119 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC