Simple Machines Community Forum

SMF Support => Language Specific Support => Español (Spanish) => Aiheen aloitti: marioroberto - maaliskuu 01, 2010, 12:33:13 AP

Otsikko: Efecto de imagen de esta manera
Kirjoitti: marioroberto - maaliskuu 01, 2010, 12:33:13 AP
hace unos momentos navegando por ahi me encontre con algo que se ve genial
es un efecto con las imagenes que me gustaria mucho poder tener en la portada
de mi foro.

el efecto esta en:
ANIME UNDERGROUND (http://www.aunder.org/)
si se fijan las imagenes se mueven como una puerta giratoria de esas de los bancos
y se ve completamente alucinante a la vista.

Tambien me fije que el foro de ellos
no esta en la misma plataforma que usamos nosotros osea SMF pero la pregunta es
¿Se puede tener este efecto en SMF?

Agradecere toda la ayuda posble y de antemano muchisimas gracias.
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: gantz - maaliskuu 01, 2010, 01:08:32 AP
que buen efecto espero alguien sepa como se puede hacer
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: luuuciano - maaliskuu 02, 2010, 12:06:26 AP
usan esto http://imageflow.finnrudolph.de/
faltaría que ver si lo meten a mano o qué
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: ealexander - maaliskuu 02, 2010, 12:30:31 AP
es muy interesante el efecto pero es una galeria de imagenes verdad, ojla alguien pueda acoplarlo a smf
Saludos
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: arielvissig - maaliskuu 02, 2010, 08:01:58 AP
Muy bueno  ;D
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: marioroberto - maaliskuu 02, 2010, 09:02:21 IP
Si es ese efecto pero ese es para un html o una web normal, crees que seria posible adaptarlo como un mod a smf o si ya hay algun mod que haga esto ¿?
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: zutzu - maaliskuu 02, 2010, 09:13:38 IP
No hay un mod como ese en Smf, y creo que el mas cercano  es el Highslide Image Viewer (http://custom.simplemachines.org/mods/index.php?mod=1450).

Igual tu lo puedes usar en smf, descomprimes todo el pack de imageflow en el root de tu smf. en tu index.template.php  llamas al script y al css...
<!-- This includes the ImageFlow CSS and JavaScript -->
<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="imageflow.packed.js"></script>


y en el topic que abrirás, colocas el html (como indica el demo)
<div id="myImageFlow" class="imageflow">
   <img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 1" />
   <img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 2" />
   <img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 3" />
</div>


eso debe estar encerrado con las etiquetas
[html]codigo [/html]

y si quieres algo mas optimizado, le puedes agregar un bbcode , el tutorial de lukas te servirá
http://www.simplemachines.org/community/index.php?topic=341027.msg2445137#msg2445137 (http://www.simplemachines.org/community/index.php?topic=341027.msg2445137#msg2445137)
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: marioroberto - maaliskuu 03, 2010, 11:15:18 IP
No entendi nada de lo que dice el brother... de lo del BBCODE pero probare lo que tu dijiste y ahi les cuento como me quedo

a todos gracias por su colaboracion y ayuda.
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: gantz - maaliskuu 04, 2010, 03:32:10 AP
zυтzυ yo probe de esa forma y no se muestra me podrias ayudar gracias
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: marioroberto - maaliskuu 04, 2010, 09:57:37 AP
a mi tampoco me funciono cuando creo un articulo en html o php para el portal de mi foro solo sale
img1.png
img2.png
img3.png
img4.png

y nada mas eso, te agradeceria la ayuda.
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: zutzu - maaliskuu 04, 2010, 10:28:55 AP
a ver si me explico un poco mejor.
descomprimen el ImageFlow_1.2.1.rar en el root donde tienen instalado su SMF, es decir en donde están estas carpetas.
attachaments
avatars
packages
smileys
source
themes
etc



en el Index.template.php del tema que van a usar, llaman al script y al css.
Buscan
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

Agregan antes
<link rel="stylesheet" href="imageflow.packed.css" type="text/css" />
<script type="text/javascript" src="imageflow.packed.js"></script>



Ahora, en el tema que van abrir, debe estar de la siguiente forma (ejemplo)
Lainaa

<div id="myImageFlow" class="imageflow">
    <img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 1" />
    <img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 2" />
    <img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 3" />
    <img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 4" />
</div>

Lo que esta en negrita, debe estar si o si, lo que esta en rojo, es la carpeta que contiene las imágenes ( y que se encuentra en el root principal)

ahora , eso debe ir encerrado con las etiquetas "html" , asi

[html]
<div id="myImageFlow" class="imageflow">
   <img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 1" />
   <img src="img/img2.png" longdesc="img/img2.png" width="300" height="400" alt="Image 2" />
   <img src="img/img3.png" longdesc="img/img3.png" width="400" height="400" alt="Image 3" />
   <img src="img/img1.png" longdesc="img/img1.png" width="400" height="300" alt="Image 4" />
</div>
[/html]


el resultado seria este
http://i50.tinypic.com/71ixlj.gif (http://i50.tinypic.com/71ixlj.gif)


dejo adjuntado el .rar, que es gratuito!
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: Jota28 - joulukuu 10, 2012, 03:40:15 IP
¡Hola!

Sé que el tema es algo viejo pero mi problema también xD

Seguí los pasos que detalla el usuario zutzu, pero me da el mismo problema que a marioberto,
sólo me salen los nombres de las imágenes..  :-\

¿Alguien pudo dar solución a este problema? Si fuera así, le agradecería enormemente que me ayude.

Saludos.
Otsikko: Re: Efecto de imagen de esta manera
Kirjoitti: 4Kstore - joulukuu 10, 2012, 03:59:56 IP
podes abrir tu propio tema con los datos de tu web y si que res referencia a este tema....
saludos