Mostrar parte de una imagen

[Middrel]

Hola buenos días...

Tengo el siguiente código:

Código HTML:

<ul id="list-img-dl">
      <?php while($rowSelectDieselLookTop = mysql_fetch_array($sqlSelectDieselLookTop)) { ?>
            <li class="list-menu-dl">
                  <a href="diesel-look-view.php?id=<?php echo $rowSelectDieselLookTop['id']; ?>" class="fancybox">
                        <img src="img/img/Diesel Look/<?php echo $rowSelectDieselLookTop['look_foto']; ?>" alt="" class="adaptive-img-dk" />
                  </a>
                  <br />
                  <span class="subtitulos-dl"><?php echo $rowSelectDieselLookTop['look_titulo']; ?></span>
            </li>
      <?php } ?>
</ul>
 

Del cuál, quiero mostrar solamente una parte de la imagen que se muestra, para que cuando lance el fancybox, salga la imagen completa.

Intente con lo siguiente, sustituyendo la la línea de la imagen:

Código HTML:

<ul id="list-img-dl">
      <?php while($rowSelectDieselLookTop = mysql_fetch_array($sqlSelectDieselLookTop)) { ?>
            <li class="list-menu-dl">
                  <a href="diesel-look-view.php?id=<?php echo $rowSelectDieselLookTop['id']; ?>" class="fancybox">
                        <iframe src="img/img/Diesel Look/<?php echo $rowSelectDieselLookTop['look_foto']; ?>" width="80%" height="30%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>-
                  </a>
                  <br />
                  <span class="subtitulos-dl"><?php echo $rowSelectDieselLookTop['look_titulo']; ?></span>
            </li>
      <?php } ?>
</ul>
 

Lo cuál funcionó muy bien, sin embargo no funciona el <a href=""> en el iframe. Intenté hacerlo con la propiedad clip, pero me descuadra todo el contenido, es decir, como la galería de imágenes se va llenando desde PHP, no todas funcionan o quedan igual con clip.

¿Alguna idea?

De antemano, gracias por sus comentarios.

[emprear]

una cosa muy extraña, sustituir una imagen dentro de un link y poner un iframe en su lugar para que muestre solo una parte de la imagen.?
no sería más apropiado mostrar un miniatura para después hacerle el fancybox?
Saludos

[Rafael]

No le he puesto mucha atención al código, pero me suena a que en lugar del iframe puedes poner un div, con medidas específicas width y height, y un overflow:none. Dentro pones una imagen.

[Middrel]

Hola! Lo que sucede es que las imágenes que se van a subir y mostrar en el fancybox son de 600x900 y las que se muestran en la galería, según el diseño que me proporcionaron son de 400x400. Entonces si las ajusto a miniatura, estas se mostrarían desproporcionadas.

Por ello la idea de mostrar sólo una parte de la imagen. Probaré lo que comentas Rafael y muchas gracias por sus comentarios.

Un saludo!

[emprear]

Iniciado por Middrel

Hola! Lo que sucede es que las imágenes que se van a subir y mostrar en el fancybox son de 600x900 y las que se muestran en la galería, según el diseño que me proporcionaron son de 400x400. Entonces si las ajusto a miniatura, estas se mostrarían desproporcionadas.

Por ello la idea de mostrar sólo una parte de la imagen. Probaré lo que comentas Rafael y muchas gracias por sus comentarios.

Un saludo!

Me parece mucho más efectivo visualmente ver una miniuatura que no respete la relación de aspecto que ver solo una parte de la imagen. Si fuese factible incluso cambiaría mis miniaturas a 200 x 300.
Saludos

[Rafael]

Adicionalmente la miniatura reducirá la carga de la galería inicial para ver si le interesa al usuario hacer click.

Hay maneras de que el mismo php genere las miniaturas de la imagen, aunque en lo personal yo las resamplearía a mi gusto incluso poniéndo un sharpen en un programa de edición de fotos.

[Trublux]

Lo mejor es crear la miniatura a 400x400, centras y uego cortas lo que sobre.
http://www.imagemagick.org/script/index.php

[emprear]

Iniciado por Trublux

Lo mejor es crear la miniatura a 400x400, centras y uego cortas lo que sobre.
http://www.imagemagick.org/script/index.php

@Trublux, esta vez no coincido, sin conocer la imagen, no se puede saber que parte de la imagen es relevante a modo de referencia de la imagen completa. Insisto, o se modifica la relación de aspecto o se especifica un tamaño de miniatura proporcional, incluso, definir un ancho máximo para la miniatura y dejar el alto variable)

Saludos