Como mostrar detalle de una imagen grande

Inicio Foros WordPress Programación Como mostrar detalle de una imagen grande

Etiquetado: ,

Este debate contiene 8 respuestas, tiene 4 mensajes y lo actualizó  imported_fliberty hace 8 años, 9 meses.

  • Autor
    Publicaciones
  • #19446

    turron
    Participante

    <p>Hola, tengo una duda para lograr mostrar un detalle de una imagen, me explico.<br />
    Utilizo para lo siguiente las miniaturas.</p>
    <p>cuando muestro el contenido de cada post, que consta de una imagen grande y una imagen pequeña, que debería ser un detalle a modo de zoom(por decirlo de alguna manera) de esa imagen grande.</p>
    <p>Pues bien, lo que he conseguido hasta ahora es solo que muestre una porción de esa imagen grande, pero no es un zoom de un área concreta, sino un recorte de la imagen, otra vez, grande.</p>
    <p>Es posible hacer que una captura de ese detalle con zoom se pueda representar?</p>
    <p>Hasta ahora preparo de la siguiente manera las imágenes:<br />
    En photoshop, el archivo original lo escalo para sacar una copia de dimensiones menores que es la que se va a publicar.<br />
    En WP uso las miniaturas para mostrar un recorte de esas imagenes que voy subiendo en cada post, para cuando se haga clic sobre ellas se muestre el post entero con su imagen grande y la imagen pequeña de algún detalle.</p>
    <p>He pensado que antes de escalar la imagen hago un recprte de lo que quiero como detalle con el tamaño que quiero que tenga, pero como hago para llamar a esta imagen de detalle desde wordpress? existe algo en el escritorio para adjuntar en un sitio concreto una imagen como la que comento?</p>
    <p>Saludos y perdón por la mala explicación…
    </p>

  • #47389

    turron
    Participante

    Mi cabeza…al fin y al cabo lo que tendría que saber es como llamar dos imagenes distintas en una misma entrada.
    Gracias

  • #47394

    turron
    Participante

    Bien, yo mismo he dado con una solución, aun así sigo preguntando cómo llamar a ua segunda foto dentro de la misma entrada sin seguir el procedimiento que he aplicado de últimas:

    Pasos:
    Creo una entrada con su título y demás campos que necesito, añado dos imágenes diferentes a la entrada haciendo que una de ellas, la grande a la que me refería antes, sea la destacada.

    La otra imagen, la del detalle, la inserto en la entrada y listo, tengo dos imaganes en la misma entrada.

    Ahora es cuestión de usar estilos para que me aplique unos diferentes a cada cosa.

    Lo ideal sería poder hacer esto pero sin tener que insertar en la entrada, justo donde redacto, la imagen del detalle, que es lo que sigo investigando, el código que me carga esa segunda imagen.

    Saludos

  • #47395

    imported_fliberty
    Participante

    Leí cada uno de tus post y la verdad no entiendo lo que quieres hacer…

    Para insertar imágenes no sólo puedes utilizar el sistema de subida de wordpress, si no también shortcodes ó campos personalizados.

    Al menos puedes dar una página para ver lo que quieres hacer?.

  • #47396

    imported_josec
    Participante

    lo que puedes hacer es usando los custom fields más la clase thumb.php

    funciona de la siguiente manera..

    – subes la imagen full (la mas grande)
    – en tu entrada.. en los custom fields colocas la ruta de la imagen.. mas todos los campos que desees agregar, como detalle,fecha,etc.
    – despues cuando listes las entradas.. el campo de la imagen las escalas con el archivo thumb.php

    aca un ejemplo que lo hace algo similar http://www.cutelittlefactory.com/tutorials/dynamic-design-portfolio-with-wordpress/

    saludos

  • #47400

    turron
    Participante

    Gracias a ambos por contestar.
    No he colgado la web aun, pero he hecho un boceto que puede ayudar.
    [img]http://img192.imageshack.us/img192/931/ejemplos.jpg[/img]

    José, miraré ese enlace. Mis imágenes son algo grandes para colgarlas, y al tamaño que las quiero publicar no se aprecian algunos detalles, por lo que debo bajar la resolución bastante.

    Al tratarse de una web en la que la información la componen las propias imágenes, me interesa rebajar al máximo su peso, (es un portfolio de diseño) por lo que la miniatura del detalle debe ser una segunda imagen.

    Intentaré eso qe me habéis dicho y les comentaré cómo hice al final. No soy desarrollador, aunque me estoy haciendo la web (casi acabada ya, solo me falta esto y ajustar unos estilos), por lo que la parte del código me ha costado un poco (php).

    Espero que la imagen aclare un poco el tema.
    saludos

  • #47411

    imported_fliberty
    Participante

    Me parece entender lo que deseas hacer, como te dije anteriormente puedes utilizar campos personalizados e insertarlos estratégicamente en tu theme por ejemplo:

    Para la miniatura de la imagen grande utilizas un campo llamado «thumbnail» ese campo lo insertas en el lugar donde lo quieres mostrar y le aplicas los formatos CSS como desees, la opción de utilizar campos personalizados es que puedes subir tu imagen thumbnail o imagen completa a un servidor externo, pero si quieres utilizar el cargador de wordpress, puedes utilizar la función para mostrar thumbnails; cabe indicar que puedes utilizar una imagen diferente a la original para tu thumbnail como tienes pensado hacerlo.

    Para la imagen grande puedes utilizar el cargador de wordpress, e insertar la imagen donde desees, o incluso utilizar el campo personalizado para mostrarla en el theme.

    Como ya debes saber el index.php muestra el contenido de portada, y el single.php muestra el contenido del artículo; no se muy bien como lo quieres hacer, pero en el single.php puedes colocar la funcion thumbnail, o de campo personalizado para que muestres tanto el thumbnail y la imagen completa.

    NOTA: Si en alguna parte tu has visto algún script que te permite visualizar la imagen completa tipo zoom focalizado, es decir pasar el puntero sobre la imagen grande y que en la pequeña vayas mostrando el detalle de la misma, pues sería sencillo integrarlo al theme.

  • #47421

    Pedro Raul
    Participante

    Aquí encontré uno licencia glp

    http://www.mind-projects.it/projects/jqzoom/

    y este que no se que tipo de licencia tiene pero es gratuito.
    http://www.professorcloud.com/mainsite/cloud-zoom.htm

    los dos podrás adaptarles facilite a tu theme

  • #47434

    imported_fliberty
    Participante

    Pedro, muy buenos los scripts, viéndolos ya estoy pensando en realizar una página donde sean incluídos, y bueno checando cada uno de ellos, me inclino por el segundo…

El foro ‘Programación’ está cerrado y no se permiten nuevos debates ni respuestas.

Ir al contenido