Efecto de imagen de esta manera

[marioroberto]

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
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.

[gantz]

que buen efecto espero alguien sepa como se puede hacer

[luuuciano]

usan esto http://imageflow.finnrudolph.de/
faltaría que ver si lo meten a mano o qué

[ealexander]

es muy interesante el efecto pero es una galeria de imagenes verdad, ojla alguien pueda acoplarlo a smf
Saludos

[arielvissig]

Muy bueno 

[marioroberto]

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 ¿?

[zutzu]

No hay un mod como ese en Smf, y creo que el mas cercano  es el Highslide Image Viewer.

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...

Koodi [Valitse] Laajenna

<!-- 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)

Koodi [Valitse] Laajenna

<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

Koodi [Valitse] Laajenna

[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

[marioroberto]

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.

[gantz]

zυтzυ yo probe de esa forma y no se muestra me podrias ayudar gracias

[marioroberto]

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.

[zutzu]

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.

Koodi [Valitse] Laajenna

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

Koodi [Valitse] Laajenna

<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';

Agregan antes

Koodi [Valitse] Laajenna

<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)

<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

Koodi [Valitse] Laajenna

[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


dejo adjuntado el .rar, que es gratuito!

[Jota28]

¡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.

[4Kstore]

podes abrir tu propio tema con los datos de tu web y si que res referencia a este tema....
saludos