4images Forum & Community

International => Español / Castellano => Topic started by: aardid on May 25, 2005, 11:44:15 PM



Title: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: aardid on May 25, 2005, 11:44:15 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:
1
2
3
<!-- 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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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
1
2
$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  [Expand]
      $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:

1
2
3
4
5
6
7
$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:

1
2
3
4
5
6
7
8
9
10
11
12
13
    $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:



Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: masterred on June 06, 2005, 08:51:48 PM
y referente a las medidas de las imagenes, que no sean horizontales, como seria la cosa, es decir, si le pongo medidas especificas en detalles a las imagenes, digamos  640x468 vertical, y quiero subir una imagen horizontal, como quedaria esta,? o en que forma funciona el MOD este

gracias


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: aardid on June 07, 2005, 04:50:08 AM
yo despues modifique esto porque como vos decis si la imagen era vertical quedaba mal
esto :

1
2
      $width2 = (($width>500)?$width2=500:$width2=$width);
      $height2 = (($height>340)?$height2=$height*500/$width:$height2=$height);

lo cambie por esto:

1
2
      if ($width>640) {$width2=640; $height2=$height*640/$width; } else $width2=$width;
      if ($height>480) {$width2=$width * 480 / $height; $height2=480; } else $height2=$height;


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: phpchi on June 16, 2005, 10:07:50 PM
me aparece este error

1
Parse error: parse error, unexpected $ in /home/atcom/public_html/daia/details.php on line 554


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: ascanio on June 20, 2005, 03:03:43 PM
ola podemos ver una demo?


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: masterred on June 29, 2005, 09:22:42 AM
el MOD funciona a la perfeccion, ya lo he puesto y probado y marcha de maravilla, vere si subo un demo y en estos dias paso el enlace


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: Maniac on September 05, 2005, 09:12:41 PM
A mi tambien me gustaria ver un demo...


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: mozer on November 22, 2005, 06:29:01 AM
Hola a mi si me resulto pero al momento de hacer click no sale el pop up!!! me podrias ayudar?


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: ccsakuweb on December 03, 2005, 10:31:02 PM
A mi me funciona muy bien! ^^ gracias!! Bueno... si te digo la verdad cambié el codigo del enlace del template ya que en mozila no se me abría el pop_up. de manera que simplemente he puesto un target="_blank" y el tamaño 1
sin embargo me gustaría hacerlo unos pixels mas pequeños ya que uso includes en mi site y hace que se salga un poco, como podría hacerlo?

Aqui os dejo una demo!! :D

http://www.patrysite.net/myart/details.php?image_id=64&sid=8b96c6b501c21393fdd9d6d91a832ea3


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: theolbap on January 02, 2006, 12:09:16 AM
Alguien sabe como hacer para que la imagen que se abre en ese popup se pueda clickear y se cierre el popup?

Saludos!

TheOlbap


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: excitex2 on January 02, 2006, 01:04:04 AM
Saludos,,,,

Yo tengo un sistema totalmente diferente al de este MOD,,  lo puedes ver en : www.excitex.net/galerias/details.php?image_id=1627  (http://www.excitex.net/galerias/details.php?image_id=1627) ,,, si es eso lo que quieres dímelo y lo pongo en un post.

OJO la galería es para adultos,,, totalmente prohibida la entrada si son menores de edad

De todas maneras aquí tienes un código JavaScript que cierra la ventana,, al pulsar cualquier botón del ratón.

Lo tienes que insertar en el poput que se tiene que abrir al pulsar encima de la imagen de la galería,,,,, por lo que deduzco que de la manera que está diseñado este MOD no te va a servir de mucho, pero bueno te la pongo por si haces la modificación necesaria para que funcione.

Quote  [Expand]
<script language="JavaScript">
function click ()   {
if (event.button==2){
window.close();
}
if (event.button==1)   {
window.close();
}
}
document.onmousedown=click
</script>

excitex2


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: theolbap on January 02, 2006, 09:55:07 PM
Claro, con este mod no me sirve porque el popup no es un html diferente, osea si lo pongo en el script del mod, me funciona dentro de todo el sitio ya que cambio el header.html.

Te agradeceria muchisimo si compartes el mod que hiciste..

Saludos excitex!!


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: excitex2 on January 03, 2006, 12:45:43 AM
Saludos,,,

He puesto el MOD en un nuevo post para no suplantar este otro y para que no haya problemas de mezclar uno con otro,, ya que no funcionarían.

lo puedes encontrar en : http://www.4homepages.de/forum/index.php?topic=11014.0

excitex2


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: masterred on July 19, 2006, 07:49:03 PM
hola me gustaria saber como puedo hacerle para que en la venta del popup salga tambien los datos que tiene details.php bajo los botones de (download,zip,etc,)

gracias.


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: masterred on July 24, 2006, 09:18:29 PM
hola de nuevo,
se puede o no, hacer lo que me gustaria poder hacer, que salgan los datos esos en la ventana popup para que en details.php, solo se comente la foto


gracias


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: ccsakuweb 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


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: kabahsito on May 18, 2007, 11:16:48 PM
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......


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: ccsakuweb on May 19, 2007, 04:09:45 PM
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.


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: fourimages on May 23, 2007, 09:21:04 PM
hello,

how are you.

you have experience for PHP?

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

thank you


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: jrey on June 06, 2007, 08:42:08 PM
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


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: neverkas 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


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: pablogross 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:
1
2
3
<!-- 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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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
1
2
$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  [Expand]
      $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:

1
2
3
4
5
6
7
$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:

1
2
3
4
5
6
7
8
9
10
11
12
13
    $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?


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: obravista on May 11, 2009, 04:25:05 PM
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


1
2
3
4
5
<!-- 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/


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: pablogross on May 17, 2009, 02:28:19 AM
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 ?


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: spooky on July 14, 2009, 06:38:15 AM
Gracias!!!


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: masterred 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


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: dicrox 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?


Title: Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
Post by: masterred on September 02, 2009, 06:21:30 AM
hola:

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

saludos