Print Page - Imagen siguiente e imagen anterior

Como se podria hacer para que en la pagina details.php en la parte superior donde pone el titulo de la imagen siguiente y anterior aparezca tambien un thumbail ??

Gracias anticipadas

1. Abre el archivo templates/tu_template/details.html con un editor de texto como notepad.

2. Encuentra:

Code: [Select]

                         <div align="center">
				    {image}
				    {if admin_links}<br />{admin_links}<br />{endif admin_links}
				    <br />{lightbox_button}&nbsp;&nbsp;{postcard_button}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{download_button}&nbsp;&nbsp;{download_zip_button}
				  </div>
				  <br />
                  <table width="100%" border="0" cellspacing="0" cellpadding="1">
                    <tr> 
                      <td class="bordercolor"> 
                        <table width="100%" border="0" cellpadding="3" cellspacing="0">

3. Despues agrega:

Code: [Select]

                   <tr valign="top"> 
                            <td height="75" class="row2"> <div align="center">{if 
                                prev_image_name}{lang_prev_image}<br />
                                <b><a href="{prev_image_url}">{prev_image_name}</a></b> 
                                <br />
                                <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" border="1"></a> 
                                {endif prev_image_name}&nbsp;</div></td>
                            <td align="right" class="row2"> <div align="center">&nbsp;{if 
                                next_image_name}{lang_next_image}<br />
                                <b><a href="{next_image_url}">{next_image_name}</a></b> 
                                <br>
                                <a href="{next_image_url}"><img src="{next_thumb_file}" width="40" border="1"></a> 
                                {endif next_image_name}</div></td>
                          </tr>

Si conoces acerca de HTML podras modificarlo a tu antojo o si no simplemente pregunta..

GRACIAS !!

DENACIAS!

Hola

Gracias! Simpático!...funciona!! pero ...solo abajo! Como hago para que aparezca tambien arriba de la foto?

Gracias y Denacias!

JARANO

Pos a ver:

te descargas el {template}/details.html

y lo editas con un dreamweaver o editor de html y veras ke abajo aparece la tabla de las imagenes anterior y siguiente... opues lo ke haces es copiarlo o moverlo a la parte superior te diria el codigo pero no toy en casa y no me lo se de memoria :D

espero haber servio de ayuda. un saludo

oye... como mola esto ke va a apreciendo por la pantalla, ademas ke no sabes lo ke va a decir 5 4 3 2 1 BOOOOOMMM !!!!! jejeje

que es esto de teletype??

Gracias jaimecb!!
Es un vacilón ver que tan fácil es hacer estas cosas pero cuando uno no sabe parece de otro mundo!! :D :D :D Una pregunta más, como hago para forzar el thumbnail y que tenga la misma medida siempre aunque se deforme la imagen, por ejemplo width 40 y height 65, se puede hacer sin afectar a los thumbnail de las categorías?
Gracias!! sip...denacias!!! :lol:

Code: [Select]

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td class="navbar" height="23">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       <td align="left" width="50%">
        <img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream}
       </td>
       <td align="right" width="50%">
 	   
        <a href="{url_top_images}"><b>{lang_top_images}</b></a>&nbsp;
        <a href="{url_new_images}"><b>{lang_new_images}</b></a>&nbsp;&nbsp;
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="1" class="bordercolor" valign="top"><img src="{template_url}/images/spacer.gif" width="1" height="1" alt="" /></td>
                <td width="18" valign="top"><img src="{template_url}/images/spacer.gif" width="18" height="18" alt="" /></td>
                <td width="100%" valign="top">                  <table width="100%" border="0" cellspacing="0" cellpadding="1">
                    <tr> 
                      <td class="bordercolor"> 
                        <table width="100%" border="0" cellspacing="0" cellpadding="3">
                          <tr valign="top"> 
                            <td class="row2" width="12%"> 
                              <div align="center"><font size="2"><font size="2">{if prev_image_name}</font><a href="{prev_image_url}"><img src="{prev_thumb_file}" width="57" height="43" border="1"></a> 
                              </font></div></td>
                            <td class="row2" width="20%"><div align="left"><font size="2">{lang_prev_image}<br />
                                <b><a href="{prev_image_url}">{prev_image_name}</a></b> {endif prev_image_name}&nbsp;</font></div></td>
                            <td align="center" class="row2" width="33%" valign="middle"><font size="2"><img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream} 
                              </font> </td>
                            <td align="right" class="row2" width="23%"> 
                              <div align="right"><font size="2">{if next_image_name}{lang_next_image}<br />
                                    <b><a href="{next_image_url}">{next_image_name}</a></b> 
                                <br />
                                <br />
                            </font></div></td>
                            <td align="right" class="row2" width="12%"><div align="center"><font size="2"><a href="{next_image_url}"><img src="{next_thumb_file}" width="57" height="43" border="1"></a> {endif next_image_name}</font></div></td>
                          </tr>
                        </table>

esta es la tabla completa de mi details.html y la tengo puesta ANTES DE:

Code: [Select]

                  <table width="100%" border="0">
                    <tr>
                      <td width="33%"><b class="title"><font size="2">{image_name}</font></b><font size="2">{if 
                        image_is_new} <sup class="new">{lang_new}</sup>{endif 
                        image_is_new} </font></td>
                      <td width="33%">
                        <div align="center">{download_button}</div>

en ella se muestra

thumbail_anterior | titulo de la imagen anterior || estruct de directorios || titulo imagen siguiente || thumbail_siguiente

el tamaño de los thumbails son de 57x43 ke creo es un tamaño optimo para la fucnion ke desempeña otra cosa ke he probado es reducirles el tamaño poniendo width="50%" height="50%" de tal forma ke se hacen la mitad sin deformar la imagen pero a mi parecer no keda bien puesto ke.. "descuadra" la tabla mira aki puedes ver un ejemplo de como lo tengo yo

http://www.misimagenes.net/details.php?image_id=166

espero te solucione algo

Hola jaimecb!

Lo siento pero no me funcionó porque se me duplicó todo así que he regresado a la alternativa de Anabelle que me funciona bien, gracias por tanto esfuerzo y creeme que el problema está en mi que soy un inútil para estas cosas!! :roll:
He eliminado los comentarios porque me ponen muchas barbaridades y quedó muy bien, la pregunta es...afectará a otros scripts? Lo pueden ver http://www.celebridadesperuanas.com/archivos/details.php?image_id=1858 y apreciar como no pude uniformar el tamaño de los thumbnails!! :?

Gracias!

Holas!
Ok, ya me funciona, cambié esta linea...siempre en details.html (4image 1.7.1)
line=103 <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" border="1">

por ésta
line= 103 <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" height="65" border="1">
y quedó muy bien, deforma obviamente la imagen pero en ese tamaño no tiene mayor importancia, mejor es verlos de tamaño uniforme. Que bueno!
Gracias a todos!!

Quote

por ésta
line= 103 <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="40" height="65" border="1">

si en vez de poner width="40" height="65" pones

Code: [Select]

width="50%" height="50%" te las reducira PROPORCIONALMENTE solo ke las iamgenes verticales pues.. A LO MEJOR te descuadran un poco.. aun asi yo prefiero ke salgan deformadas por conservar el estilo

un saludo y me alegro de ke funcione!!

________________________

www.misimagenes.net (http://www.misimagenes.net)

Hola a todos gracias por informarns como hacer estas modificaiones ... ayer me puse hacerlas y concegui cambiar el estilo un poco aqui compato mi codigo html por si quereis hacerlo =. Las diferencias al original son: el nombre de la imagen centrada dentro de la tabla, imagenes siguientes y anterios alineadas con el nombre de las imagenes correspondientes.

Screenshoot:
(http://members.cox.net/jaime/details.jpg)

Code: [Select]

                  <table width="100%" border="0" cellspacing="0" cellpadding="1">
                    <tr> 
                      <td class="bordercolor"> 
                        <table width="100%" border="0" cellspacing="0" cellpadding="3">
                          <tr valign="top"> 
                            <td class="row2" width="158">
				<p align="center">{if prev_image_name}<b><a href="{prev_image_url}">{prev_image_name}</a></b>
                                <p align="center">
                                <a href="{prev_image_url}"><img src="{prev_thumb_file}" width="47" border="1" height="51"></a> {endif prev_image_name}&nbsp;</td>
                            <td class="row2">&nbsp;<p align="center"><b class="title">
				<font size="4">{image_name}</font></b>{if image_is_new} <sup class="new">{lang_new}</sup>{endif image_is_new} </td>
                            <td align="right" class="row2" width="158">
				<p align="center">&nbsp;{if next_image_name}<b><a href="{next_image_url}">{next_image_name}</a></b><p align="center"><a href="{next_image_url}">
				<img src="{next_thumb_file}" width="47" border="1" height="51"></a>{endif next_image_name}</td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>

Hola!
Bueno pues, Ascanio! Que bueno que se siga trabajando en lo mismo porque realmente lo tuyo es muy superior, al menos para mi web! Parece que lo hubieras hecho pensando en mi página!! :lol:
Se agradece hermano, muy buena tu participación, nada que hacer, el que sabe... sabe! y el que no sabe, aprendemos del que sabe!! :D
Gracias!!

4images Forum & Community

International => Español / Castellano => Topic started by: jaimecb on March 22, 2005, 09:17:04 PM