4images Forum & Community
International => Español / Castellano => Topic started 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:
<!-- 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
<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:
<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
$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
$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:
$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:
$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:
-
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
-
yo despues modifique esto porque como vos decis si la imagen era vertical quedaba mal
esto :
$width2 = (($width>500)?$width2=500:$width2=$width);
$height2 = (($height>340)?$height2=$height*500/$width:$height2=$height);
lo cambie por esto:
if ($width>640) {$width2=640; $height2=$height*640/$width; } else $width2=$width;
if ($height>480) {$width2=$width * 480 / $height; $height2=480; } else $height2=$height;
-
me aparece este error
Parse error: parse error, unexpected $ in /home/atcom/public_html/daia/details.php on line 554
-
ola podemos ver una demo?
-
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
-
A mi tambien me gustaria ver un demo...
-
Hola a mi si me resulto pero al momento de hacer click no sale el pop up!!! me podrias ayudar?
-
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
-
Alguien sabe como hacer para que la imagen que se abre en ese popup se pueda clickear y se cierre el popup?
Saludos!
TheOlbap
-
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.
<script language="JavaScript">
function click () {
if (event.button==2){
window.close();
}
if (event.button==1) {
window.close();
}
}
document.onmousedown=click
</script>
excitex2
-
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!!
-
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
-
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.
-
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
-
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
-
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......
-
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.
-
hello,
how are you.
you have experience for PHP?
pls. contact me. ( contact@emiratess.com )
thank you
-
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:
"&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
-
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
-
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:
<!-- 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
<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:
<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
$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
$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:
$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:
$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?
-
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
<!-- 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/
-
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:
"&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 ?
-
Gracias!!!
-
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
-
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?
-
hola:
tarde pero el archivo se encuentra dentro de la carpeta 4images/includes
saludos