Author Topic: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original  (Read 48932 times)

0 Members and 1 Guest are viewing this topic.

Offline ccsakuweb

  • Sr. Member
  • ****
  • Posts: 498
  • Patri
    • View Profile
    • My Art
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #15 on: August 09, 2006, 12:10:43 AM »
me parece q esta demo no va para la nueva version de 4images... lo he vuelto a intentar instalar y no funciona  :cry:
El problema esta en functions
:arrow: 4images Paid Mods: Links, Blog, Albums, Subdomains for users, Diferent templates for user profile, Related picture in details, Last pictures in details.
And the mod that you request me.   Demo: http://www.myart.es

A website dedicated to artist people who loves drawing, design, writing and more

Offline kabahsito

  • Newbie
  • *
  • Posts: 48
    • View Profile
    • :Wa-Mx: El blog de culiacan
OYE lo podrias explicar mejor, es que no entiendo en donde pego, y como alguien me paso un mod y ya lo habia hecho y al ultimo momento el istall de ese archivo no se encontraba......
No es fácil saberlo, es fácil copearlo
Sería bueno que visitaras mi sitio web www.Wa-Mx.net

Offline ccsakuweb

  • Sr. Member
  • ****
  • Posts: 498
  • Patri
    • View Profile
    • My Art
pasate por el tema de tamaños de imagenes http://www.4homepages.de/forum/index.php?topic=16768.0 ya te hemos encontrado el install manurom y yo. A ver.. En el mod que estabas instalando se modifica la imagen original a un tamaño mas pequeñoy no se desproporciona y se baja la imagen con el tamaño que tu indicas para que no se desproporcione, este otro hace que en la web se vea mas pequeña y que cuando lo descargas se baje la original.
 si hay algo que no sepas donde pegar, por favor, especifica que no entiendes, que es lo que no sabes donde pegar.
:arrow: 4images Paid Mods: Links, Blog, Albums, Subdomains for users, Diferent templates for user profile, Related picture in details, Last pictures in details.
And the mod that you request me.   Demo: http://www.myart.es

A website dedicated to artist people who loves drawing, design, writing and more

Offline fourimages

  • Pre-Newbie
  • Posts: 4
    • View Profile
hello,

how are you.

you have experience for PHP?

pls. contact me. ( contact@emiratess.com )

thank you

Offline jrey

  • Full Member
  • ***
  • Posts: 165
    • View Profile
    • http://www.jrey.net
Este mod está de puta madre combinado con otros,pero tiene un fallo: redimensiona la imagen a un ancho o alto fijo, pero la proporción del lado no redimensionado se queda igual, osea que si por ejemplo quiero que las imágenes no superen los 700 px de ancho lo que ocurre es que la imagen no superará esa medida, pero el alto de la imagen queda igual, no redimensiona la imagen proporcionalmente. Para evitar este fallo es mejor hacer esto en functions.php:

1. 'Go to includes/functions.php'

Find:

      if ($image_info = @getimagesize($src, $info)) {
        $width_height = " ".$image_info[3];
        $width = $image_info[0];
        $height = $image_info[1];

Add after:

   unset($resized);
   if ($width > 620)
   {
                      $new_limit = "624";
                      $limit_var = "width";
         $resized = 1;
     }
     else
   {
                   $new_limit = $image_info[0];
                  $limit_var = "width";
          $resized = 0;
   }


Find:

"&amp;mode=".$mode : ""))."\">".$media_icon."</a>";
    }
    $width_height = "";
    $width = "";
    $height = "";

Add after:

    $limit_var = "";
    $new_limit = "";


Find:

      $site_template->register_vars(array(
      "media_src" => $media_src,
      "media_icon" => $media_icon,
      "image_name" => $image_name,
      "width_height" => $width_height,
      "width" => $width,
      "height" => $height,

Add after:

      "new_limit" => $new_limit,
      "resized" => $resized,
      "limit_var" => $limit_var,


Lo he cogido de otro post. En medi/jpg.html hay que poner esto:

<img src="{media_src}" border="0" alt="{image_name}" {limit_var}="{new_limit}" />

Siendo   {limit_var}="{new_limit}"    la parte que nos interesa.

Saludos

javi

Offline neverkas

  • Jr. Member
  • **
  • Posts: 63
    • View Profile
    • FullPosteo
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #20 on: April 16, 2009, 02:23:41 AM »
Cheeeeee!!!!!!!

pero ahora cuando abro las imagenes, la ventana nueva no se redimensiona según el tamaño de la imagen.
Como puedo hacer que se redimensiona la ventana nueva, según el tamaño de la foto nueva, cuando uno le da click para ver la Original
« Last Edit: April 16, 2009, 02:41:49 AM by neverkas »
http://www.fullposteo.com.ar/



La nueva forma de compartir tus fotos y vídeos con tus amigos!

The new form to share photos and videos width your friends!

Offline pablogross

  • Jr. Member
  • **
  • Posts: 81
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #21 on: April 22, 2009, 08:42:02 PM »
Bueno, soy novato pero me hice algo que buscaba y no encontre ...
El tema viene a esta necesidad, yo queria algo que cuando veo el detalle de la imagen, si la imagen es muy grande y se va de mi pantalla que me la achique proporcionalmente de la original y que al cliquear me abra en un popup la original.

les muesto como quedaron mis archivos:

templates/nombre_de_template/media/jpg.html

lo deje asi:
Code: [Select]
<!-- Template file for JPG Files -->
<a class="big" href="javascript:pupUp('{media_src}','{width1}','{height1}');">
<img src="{media_src}" width="{width2}"; height="{height2}"></a><br />

asi viene original el : templates/nombretemplate/header.html

Code: [Select]
<script language="javascript" type="text/javascript">
<!--
  function opendetailwindow() {
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }
 
  function right(e) {
    if (navigator.appName == 'Netscape' && (e.which == 2 || e.which == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button==2 || event.button == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    return true;
  }
  document.onmousedown=right;
  if (document.layers) window.captureEvents(Event.MOUSEDOWN);
  window.onmousedown=right;
// -->
</script>

agregue la funcion de popup arriba de  function opendetailwindow() {
y queda asi:

Code: [Select]
<script language="javascript" type="text/javascript">
<!--

function pupUp(the_page,the_width,the_height)
{
 window.open(the_page,"","location=no,directories=no,menubar=no,toolbar=no,status=no,scrollbars=no,resizable=no,dependent=no,width=" + the_width + ",height=" + the_height);
}

  function opendetailwindow() {
    window.open('','detailwindow','toolbar=no,scrollbars=yes,resizable=no,width=680,height=480');
  }
 
  function right(e) {
    if (navigator.appName == 'Netscape' && (e.which == 2 || e.which == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button==2 || event.button == 3)) {
      alert("© Copyright by {site_name}");
      return false;
    }
    return true;
  }
  document.onmousedown=right;
  if (document.layers) window.captureEvents(Event.MOUSEDOWN);
  window.onmousedown=right;
// -->
</script>

dentro de functions.php
buscar la linea que tiene
Code: [Select]
$width = $image_info[0];
$height = $image_info[1];

y agregar lo que esta abajo,
width1 y height1 es el valor que va a tener de tamaño el popup a abrir la imagen, le agregué 20pixels porque sino la imagen no se ve completa.
width2 y height2 es el tamaño que va a mostrar la imagen en detalle reducida(yo puse maximo 500px de ancho) ... ahi hagan la formula que les guste o pongan un valor fijo


Quote
      $width = $image_info[0];
      $height = $image_info[1];
      $width1 = $width+20;
      $height1 = $height+20;
      $width2 = (($width>500)?$width2=500:$width2=$width);
      $height2 = (($height>340)?$height2=$height*500/$width:$height2=$height);

y en el mismo archivo un poco mas abajo
donde tiene esto:

Code: [Select]
$site_template->register_vars(array(
      "media_src" => $media_src,
      "media_icon" => $media_icon,
      "image_name" => $image_name,
      "width_height" => $width_height,
      "width" => $width,
      "height" => $height,

dejarlo asi:

Code: [Select]
    $site_template->register_vars(array(
      "media_src" => $media_src,
      "media_icon" => $media_icon,
      "image_name" => $image_name,
      "width_height" => $width_height,
      "width" => $width,
      "height" => $height,
      "width1" => $width1,
      "height1" => $height1,
      "width2" => $width2,
      "height2" => $height2,
      "iptc_info" => $iptc_info
    ));



Bueno me parece que nada mas, cualquier cosa consulten y que si puedo los ayudo con gusto  :mrgreen:



Hola se puede agregar que cuando se abra la imagen incremente el contador de downloads?

Offline obravista

  • Pre-Newbie
  • Posts: 4
    • View Profile
Saludo
Estoy montando una Web dedicada a Carátulas y portadas.

Gracias a la los MOD aportados por ustedes, creo que esta quedando bastante bien.
Y a estas alturas del diseño, me surgen unas peguillas.

Primero comentar que para que me funcione, e seguido todos los pasos que aquí se indican, pero solo me funciona si además meto este código el la Plantilla Details,html


Code: [Select]
<!-- Template file for JPG Files -->
<a class="big" href="javascript:pupUp('{media_src}','{width1}','{height1}');">
<img src="{media_src}" width="{width2}"; height="{height2}"></a><br />   
 
<!--       {image} -->



1)
E instalado este MOD, cuando la imagen es mas grande que la ventana popup, se redimensiona, pero también muestra el puntero (Lupa) y al picar se muestra a tamaño real, y en ese caso seria interesante que la ventana popup, tuviese las barras de scroll.
La pregunta es
Como puedo hacer que aparezcan?

2)
Es posible evitar que aparezca la ventana popup si la imagen no excede de unas medidas teniendo donde tengo el código insertado?


Muchas Gracias por vuestra ayuda
Esta es la Web por si queréis ver lo que pasa

http://www.galeriactpm.com/

Offline pablogross

  • Jr. Member
  • **
  • Posts: 81
    • View Profile
Este mod está de puta madre combinado con otros,pero tiene un fallo: redimensiona la imagen a un ancho o alto fijo, pero la proporción del lado no redimensionado se queda igual, osea que si por ejemplo quiero que las imágenes no superen los 700 px de ancho lo que ocurre es que la imagen no superará esa medida, pero el alto de la imagen queda igual, no redimensiona la imagen proporcionalmente. Para evitar este fallo es mejor hacer esto en functions.php:

1. 'Go to includes/functions.php'

Find:

      if ($image_info = @getimagesize($src, $info)) {
        $width_height = " ".$image_info[3];
        $width = $image_info[0];
        $height = $image_info[1];

Add after:

   unset($resized);
   if ($width > 620)
   {
                      $new_limit = "624";
                      $limit_var = "width";
         $resized = 1;
     }
     else
   {
                   $new_limit = $image_info[0];
                  $limit_var = "width";
          $resized = 0;
   }


Find:

"&amp;mode=".$mode : ""))."\">".$media_icon."</a>";
    }
    $width_height = "";
    $width = "";
    $height = "";

Add after:

    $limit_var = "";
    $new_limit = "";


Find:

      $site_template->register_vars(array(
      "media_src" => $media_src,
      "media_icon" => $media_icon,
      "image_name" => $image_name,
      "width_height" => $width_height,
      "width" => $width,
      "height" => $height,

Add after:

      "new_limit" => $new_limit,
      "resized" => $resized,
      "limit_var" => $limit_var,


Lo he cogido de otro post. En medi/jpg.html hay que poner esto:

<img src="{media_src}" border="0" alt="{image_name}" {limit_var}="{new_limit}" />

Siendo   {limit_var}="{new_limit}"    la parte que nos interesa.

Saludos

javi


tengo un problema con este codigo hay imagenes en .jpg que no me respeta el tamaño que le asigne de 400 pixeles en  $new_limit = "400";

tengo fotos .jpg  en 1024 pixeles  y respeta los valores a 400 pixeles y tengo otras images en .jpg de 500 pixeles y no me las respetas se ven en su tamaño original en detail .

que puede estar pasando ?

Offline spooky

  • Pre-Newbie
  • Posts: 9
    • View Profile
Gracias!!!

Offline masterred

  • Sr. Member
  • ****
  • Posts: 494
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #25 on: August 08, 2009, 09:26:15 AM »
hola

las medidas son a preferencia del admin de la galeria, el MOD no tiene a lo que a mi respecta fallo alguno, dado que lo he probado en diferentes versiones de 4images, y la redimension es la de la imagen normal(desde luego tomando en cuenta las medidas que estes utilizando en el MOD.

hasta pronto
Apache/2.2.21 (Win32)
PHP/5.3.5
Mysql Version: 5.5.19
4images Version: 1.7.?



Offline dicrox

  • Pre-Newbie
  • Posts: 3
    • View Profile
    • Foro SEO
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #26 on: August 12, 2009, 05:16:26 PM »
Hola, en la nueva version 4images 1.7.7 no existe el archivo functions.php por lo tanto no se puede usar este mod, alguien ha hecho alguna adaptación para la última version?

Offline masterred

  • Sr. Member
  • ****
  • Posts: 494
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #27 on: September 02, 2009, 06:21:30 AM »
hola:

tarde pero el archivo se encuentra dentro de la carpeta 4images/includes

saludos
Apache/2.2.21 (Win32)
PHP/5.3.5
Mysql Version: 5.5.19
4images Version: 1.7.?