html para ver flash in ipad

[cabtomat]

Hola a todos,
soy nueva aquí y no se muy bien como funciona esto.
Tengo un problema con la pagina web que he diseñado (www.mmdm.es)
. La verdad es que no soy muy experta, pero me gustaría perfeccionar.
En la pagina inicial que he creado con dreamweaver inserté un archivo de flash, que es uno slide de fotos. Pero en los ipad etc. no se puede ver.

He ententado sustituir el flash por el html que se crea al publicarlo, pero no consiguo que se vea el slide.

Alguien me hecharía una mano?
Gracias,
Cabiria

[maycolalvarez]

los ipads e iphones de apple carecen de flash, así que no los pueden reproducir, ¿a que te refieres con "He ententado sustituir el flash por el html que se crea al publicarlo"? ¿de que html hablas?: flash no es HTML depende de un plugin

[daPhyre]

Investiga sobre SmokeScreen, hace tiempo era un proyecto que permitía convertir los Flash en HTML5 canvas para iPad, con algo de suerte pueda servirte ;)

[cabtomat]

Hola a los dos!
antes de todo gracias por contestar!

Con lo de flash y html quería decir lo siguiente:
cuando desde el flash le das a F12 se genera un archivo.html de tu archivo de flash. Yo probé a colocar el codigo html de este archivo (lo que está dentro del body, ver más abajo) en mi archivo index, que es donde aparece la galeria de imagenes. Pensaba que al hacer esto la galería se pudiese ver también desde los aparatos que no soportan flash. Pero:
1. No se si eso es cierto.
2. Me sale la alerta de la condición if ("Esta página requiere el archivo AC_RunActiveContent.js."), aunque la ruta de este archivo me parece correcta.

También me bajé de la red wallabi que es un programa que transforma el flash en html5, pero me da error. Quizás dependa de la version de flash? Tengo flash CS3.

HELP HELP!!

Aquí abajo el codigo html que copié.

<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("Esta página requiere el archivo AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '750',
'height', '400',
'src', 'galeria inicial',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'galeria inicial',
'bgcolor', '#000000',
'name', 'galeria inicial',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'galeria inicial',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="750" height="400" id="galeria inicial" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="galeria inicial.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="galeria inicial.swf" quality="high" bgcolor="#000000" width="750" height="400" name="galeria inicial" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>

[maycolalvarez]

@cabtomat el archivo html que te genera el editor de FLASH es simplemente un HTML con el código genérico para incrustar el SWF ( y algo de JS para detectar la versión de plugin), en esencia sigues usando el mismo SWF y en un IPHONE/IPAD no lo podrás reproducir, la opción de @daPhyre es completamente diferente y consiste en "convertir" el flash a HTML5+CSS3, eso no lo hace tu editor de flash

[cabtomat]

Gracias 'maycolalvarez' por las clarificaciones.
Investigaré lo que 'daPhyre' me sugirió sobre SmokeScreen.

[cabtomat]

Hola otra vez! He buscado info sobre smokescreen pero no encuentro los enlaces.
Por otro lado sabía que habian salido otras aplicaciones para trasformar flash in html5. Una es wallabi, pero no me sirve porqué solo soporta flashCS5 y otra es swiffy de google.

He hecho la transformación, copiado el codigo en mi html y lo he subido a la red. Yo lo podía ver muy bien. desde un mac y desde el Ipad también. pero en otro PC no se veía.

De que depende??
Alguien de vosotros es practico en swiffy?

Gracias;)

[maycolalvarez]

depende solamente de que dicho navegador sea compatible con una serie de estándares impuestos en HTML5:

Canvas
SVG
CSS3
y puede que otros más, como WebGL, pero creo que este ultimo no es estrictamente necesario y dudo que dichos conversores utilicen esta tecnología

[daPhyre]

Solo una pregunta: ¿De casualidad que navegador usaba la otra PC? Si hablamos de una versión no actualizada de IE, ¡Ni hablar! HTML5 solo es soportado por IE9 en adelante...

Por otro lado, ve lo que te aclara la página de Swiffy:

...and the output works in all Webkit browsers such as Chrome and Mobile Safari

Lo que significa que no es seguro que Firefox u Opera lo soporten...

Lo que te recomendaría, prueba los distintos navegadores para ver cuales funcionan, y crea condiciones para mostrar el Flash o el Swiffy dependiendo el navegador que usen. Suerte

[cabtomat]

mmm, buena idea la de crear condiciones para mostrar uno u otro....me hechas un cable? no soy nada experta;)

[daPhyre]

Con Internet Explorer, puedes usar estos:

http://es.wikipedia.org/wiki/Comentarios_condicionales

Ya si es necesario también Firefox y Opera, es posible que necesites PHP o Javascript cuando menos...

[cabtomat]

Hola a todos!
He podido finalmente conseguir un codigo js para mi slide. Pero ahora tengo otro problema. Las imagenes del slide que se cargan dentro de un div tienen altura y anchura diferente. Manteniendo sus dimensiones quiero que se alineen horizontalmente al lado derecho y se alineen verticalmente en el centro, tal y como aparece en la web:

www.mmdm.es

tengo que crear un css para cada foto?

a continuación os paso el codigo.

js para slide:

//<![CDATA[
/*
Image Cross Fade Redux [email protected]
http://slayeroffice.com/code/imageCrossFade/xfade2.html
*/

window.addEventListener?window.addEventListener("l oad",so_init,false):window.attachEvent("onload",so _init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
if(!d.getElementById || !d.createElement)return;
imgs = d.getElementById("contenido").getElementsByTagName ("img");
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = "block";
imgs[0].xOpacity = .99;
setTimeout(so_xfade,2000);
}

function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = "block";
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = "none";
current = nIndex;
setTimeout(so_xfade,2000);
} else {
setTimeout(so_xfade,70);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}
}
//]]>



el div en html:

<div id="contenido">
<img src="swf/imagenes/01.jpg" />
<img src="swf/imagenes/02.jpg" />
<img src="swf/imagenes/03.jpg" />
<img src="swf/imagenes/04.jpg" />
...
</div>


css:

#contenido {
height: 400px;
width: 750px;
position: absolute;
left: 200px;
top: 80px;
}

#contenido img {
display:none;
position: absolute;
right: 0px;
}



HELP HELP;))