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

0 Members and 1 Guest are viewing this topic.

Offline aardid

  • Newbie
  • *
  • Posts: 41
    • View Profile
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:


Offline masterred

  • Sr. Member
  • ****
  • Posts: 494
    • View Profile
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
Apache/2.2.21 (Win32)
PHP/5.3.5
Mysql Version: 5.5.19
4images Version: 1.7.?



Offline aardid

  • Newbie
  • *
  • Posts: 41
    • View Profile
yo despues modifique esto porque como vos decis si la imagen era vertical quedaba mal
esto :

Code: [Select]
      $width2 = (($width>500)?$width2=500:$width2=$width);
      $height2 = (($height>340)?$height2=$height*500/$width:$height2=$height);

lo cambie por esto:

Code: [Select]
      if ($width>640) {$width2=640; $height2=$height*640/$width; } else $width2=$width;
      if ($height>480) {$width2=$width * 480 / $height; $height2=480; } else $height2=$height;

Offline phpchi

  • Newbie
  • *
  • Posts: 10
    • View Profile
    • http://www.daiaonline.com
me aparece este error

Code: [Select]
Parse error: parse error, unexpected $ in /home/atcom/public_html/daia/details.php on line 554
checando

Offline ascanio

  • Hero Member
  • *****
  • Posts: 569
    • View Profile
    • http://www.surfourspace.net
ola podemos ver una demo?

Offline masterred

  • Sr. Member
  • ****
  • Posts: 494
    • View Profile
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
Apache/2.2.21 (Win32)
PHP/5.3.5
Mysql Version: 5.5.19
4images Version: 1.7.?



Offline Maniac

  • Newbie
  • *
  • Posts: 45
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #6 on: September 05, 2005, 09:12:41 PM »
A mi tambien me gustaria ver un demo...

Offline mozer

  • Newbie
  • *
  • Posts: 13
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #7 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?

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 #8 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
: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 theolbap

  • Full Member
  • ***
  • Posts: 118
  • Search Google "AH"
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #9 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

Offline excitex2

  • Addicted member
  • ******
  • Posts: 1.590
  • He desactivado la galería y el buscador
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #10 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 ,,, 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
<script language="JavaScript">
function click ()   {
if (event.button==2){
window.close();
}
if (event.button==1)   {
window.close();
}
}
document.onmousedown=click
</script>

excitex2
Lo importante no es saber,,, lo importante es tener el E-Mail de quien sabe

Offline theolbap

  • Full Member
  • ***
  • Posts: 118
  • Search Google "AH"
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #11 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!!

Offline excitex2

  • Addicted member
  • ******
  • Posts: 1.590
  • He desactivado la galería y el buscador
    • View Profile
Re: [MOD] Detalles de imagen, imagen mas chica y al cliquear abre original
« Reply #12 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
Lo importante no es saber,,, lo importante es tener el E-Mail de quien sabe

Offline masterred

  • Sr. Member
  • ****
  • Posts: 494
    • View Profile
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.
Apache/2.2.21 (Win32)
PHP/5.3.5
Mysql Version: 5.5.19
4images Version: 1.7.?



Offline masterred

  • Sr. Member
  • ****
  • Posts: 494
    • View Profile
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
Apache/2.2.21 (Win32)
PHP/5.3.5
Mysql Version: 5.5.19
4images Version: 1.7.?