Foros del Web » Programación para mayores de 30 ;) » Java »

ayuda con scroll de imagenes

 Estas en el tema de ayuda con scroll de imagenes en el foro de Java en Foros del Web. Hola amigos, tengo un codigo en javascript que es perteneciente a un modulo de joomla slideshow mas especificamente mod_slishow pro. Pues bien, miren todo esta ...
  #1 (permalink)  
Antiguo 17/12/2009, 10:05
 
Fecha de Ingreso: diciembre-2009
Mensajes: 201
Antigüedad: 14 años, 4 meses
Puntos: 1
Pregunta ayuda con scroll de imagenes
Hola amigos, tengo un codigo en javascript que es perteneciente a un modulo de joomla slideshow mas especificamente mod_slishow pro.
Pues bien, miren todo esta belleza con el modulo horizontal de derecha a izquierda rotan las imagenes todo bonito, pero BUENO ME GUSTO y decidir poner otro modulo que vaya en sentido contrario a este para que se vea mas bonito, ahora EH AHI EL PROBLEMA, intente clonando o copiando el modulo y no funciono. asi que decidi urgar el codigo y modifique la animacion vertical. BUENO AL GRANO modifique el codigo y no me sale nada de nada es mas hizo que el otro modulo deje de funcionar correctamente cuando estan los dos modulos activados, bueno les dejo el codigo para que lo vean y me digan que es lo que esta mal. Gracias por leer todo este chorizo de introduccion prometo no hacerlo maj jejeje
  #2 (permalink)  
Antiguo 17/12/2009, 10:06
 
Fecha de Ingreso: diciembre-2009
Mensajes: 201
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: ayuda con scroll de imagenes
este es el script
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''
var cross_marquee, cross_slide
marqueecontent='<nobr>'+marqueecontent.join(imageg ap)+'</nobr>'
var edom=document.all||document.getElementById
if (edom)
document.write('<span id="temp2" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')

function fillup(){
if (edom){
cross_marquee=document.getElementById? document.getElementById("test4") : document.all.test4
cross_marquee2=document.getElementById? document.getElementById("test5") : document.all.test5
cross_marquee.innerHTML=cross_marquee2.innerHTML=m arqueecontent
actualheight=document.all? cross_marquee.offsetWidth : document.getElementById("temp2").offsetWidth
cross_marquee2.style.left=actualheight+5+"px"
}
else if (document.layers){
cross_slide=document.cross_slidemenu.document.cros s_slidemenu2
cross_slide2=document.cross_slidemenu.document.cro ss_slidemenu3
cross_slide.document.write(marqueecontent)
cross_slide.document.close()
actualheight=cross_slide.document.width
cross_slide2.left=actualheight+5
cross_slide2.document.write(marqueecontent)
cross_slide2.document.close()
}
lefttime=setInterval("sliderleft()",30)
}
window.onload=fillup

function sliderleft(){
if (edom){
if (parseInt(cross_marquee.style.left)>(actualheight* (-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.st yle.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(cross_marquee2.s tyle.left)+actualheight+5+"px"

if (parseInt(cross_marquee2.style.left)>(actualheight *(-1)+8))
cross_marquee2.style.left=parseInt(cross_marquee2. style.left)-copyspeed+"px"
else
cross_marquee2.style.left=parseInt(cross_marquee.s tyle.left)+actualheight+5+"px"

}
else if (document.layers){
if (cross_slide.left>(actualheight*(-1)+8))
cross_slide.left-=copyspeed
else
cross_slide.left=cross_slide2.left+actualheight-5

if (cross_slide2.left>(actualheight*(-1)+8))
cross_slide2.left-=copyspeed
else
cross_slide2.left=cross_slide.left+actualheight-5
}
}


if (edom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (edom){
write('<div style="position:relative;width:'+width+';height:'+ height+';overflow:hidden">')
write('<div style="position:absolute;width:'+width+';height:'+ height+';background-color:'+bgcolor+'" onMouseover="copyspeed=pauseit" onMouseout="copyspeed=marqueespeed')
write('<div id="test4" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test5" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+width+' height='+height+' name="cross_slidemenu" bgColor='+bgcolor+'>')
write('<layer name="cross_slidemenu2" left=0 top=0 onMouseover="copyspeed=pauseit" onMouseout="copyspeed=marqueespeed"></layer>')
write('<layer name="cross_slidemenu3" left=0 top=0 onMouseover="copyspeed=pauseit" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
  #3 (permalink)  
Antiguo 17/12/2009, 10:06
 
Fecha de Ingreso: diciembre-2009
Mensajes: 201
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: ayuda con scroll de imagenes
y este el php acuerdense que un modulo consta de estos dos archivos
<?php // no direct access
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<?php
$image = explode( ",", trim($params->get( 'images' )) );
$url = explode( ",", trim($params->get( 'urls' )) );
$title = explode( ",", trim($params->get( 'titles' )) );

$addhttp = trim($params->get( 'addhttp' ));

if ($addhttp)
{
for($i=0;$i<count($image);$i++)
{
$url[$i]="http://".$url[$i];
}
}

$space=trim($params->get( 'space' ));
$spacetext = "&nbsp;";
for($i=1;$i<$space;$i++)
{
$spacetext .= "&nbsp;";
}

?>
<script language="JavaScript1.2">
var width="<?php echo trim($params->get( 'width' )); ?>px"
var height="<?php echo trim($params->get( 'height' )); ?>px"
var bgcolor="<?php echo trim($params->get( 'bgcolor' )); ?>"
var pauseit="<?php echo trim($params->get( 'stopslide' )); ?>"

var marqueespeed=<?php echo trim($params->get( 'speed' )); ?>


var imagegap="<?php echo $spacetext; ?>"
var marqueecontent=new Array()
var finalslide1=''
<?php
for($i=0;$i<count($image);$i++)
{
$alt = $title[$i] ? ' alt="'. $title[$i] .'"' : '';
$alttitle = $title[$i] ? ' title="'. $title[$i] .'"' : '';

if ( $params->get( 'linked' ) )
{
$link = $url[$i] ? '<a href="'. $url[$i] .'">' : '';
$link_end = $url[$i] ? '</a>' : '';
}

$templink = $link.'<img src="'.JURI::root() . trim($params->get( 'folder' ))."/". $image[$i].'" border="0"'.$alt.$alttitle.">".$link_end;
?>
marqueecontent[<?php echo $i; ?>]='<?php echo $templink; ?>'
<?php
}
?>
</script>
<script src="<?php echo JURI::root(); ?>modules/mod_slideshow/scripts/vscript.js" language="JavaScript1.2"></script>
  #4 (permalink)  
Antiguo 17/12/2009, 10:08
 
Fecha de Ingreso: diciembre-2009
Mensajes: 201
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: ayuda con scroll de imagenes
Bueno les aclaro un poco, yo tengo el mismo codigo para un modulo que funciona perfectamente, ahora quize hacer otro para que vaya en sentido contrario el cual es este el codigo(mirar arriba), pero no funciona por que, acaso no es copiar y pegar y cambiar las variables para que no se repitan?????
  #5 (permalink)  
Antiguo 17/12/2009, 10:30
 
Fecha de Ingreso: diciembre-2009
Mensajes: 201
Antigüedad: 14 años, 4 meses
Puntos: 1
Respuesta: ayuda con scroll de imagenes
les dejo el codigo fuente de la pagina cuando cargo los 2 modulos el bueno sale y del que les he estado hablando no sale ayuda please
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript" src="/joomla/plugins/content/avreloaded/avreloaded.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://localhost/joomla/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="/joomla/css/template_css.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="808">
<tr>

<div class="clr"></div>
<div id="buttons_outer">
<div id="buttons_inner">
<div id="buttons"></div>
</div>
</div>
<div id="header_outer">
<div id="header">
&nbsp;

<p>
</p>
</div>

</div>
<div id="left_outer">
<div id="left_inner">
<p>
<div class="moduletable_menu">
<h3>Menú principal</h3>


Curso</tr>
</table> </div>
</p>
<p>
</p>
<p>
</p>

</div>
</div>
<div id="content_outer">
<div id="content_inner">


<div class="contenido">
<div id="pathway_text"> </div>
<span class="user1_inner">
</span><br />

<div class="componentheading">
Bienvenidos a la portada</div>
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div>

<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
prueba </td>



/></a> </td>

</td>
</tr>

</table>
<table class="contentpaneopen">

<tr>
<td width="70%" valign="top" colspan="2">
<span class="small">
</span>
&nbsp;&nbsp;
</td>
</tr>

<tr>
<td valign="top" colspan="2" class="createdate">
</td>
</tr>


<tr>
<td valign="top" colspan="2">

<!-- You can place html anywhere within the source tags -->


<script language="javascript" type="text/javascript">
// You can place JavaScript like this
<script language="JavaScript1.2">
<!--

var sliderwidth=300
var sliderheight=150
var slidespeed=4

var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.htmlpoint.com"><img src="/joomla/01.gif" border=1 alt="Visita HTMLpoint"></a>'
leftrightslide[1]='<a href="http://www.tuttogratis.com"><img src="/joomla/02.gif" border=1 alt="Visita Todogratis"></a>'
leftrightslide[2]='<a href="http://www.hwupgrade.it"><img src="/joomla/03.gif" border=1 alt="Visita Hardware Upgrade"></a>'

var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"


if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document .write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider0 2.document.width
scrollslide()
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=t helength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sli derwidth
scrollslide()
}
</script>

</td>
</tr>



</table>
<span class="article_separator">&nbsp;</span>
</div>
</td>
</tr>


</table>
<br />
<div class="moduletable456">

<h3>probando</h3>
<script language="JavaScript1.2">
var width="800px"
var height="400px"
var bgcolor=""
var pauseit="1"

var marqueespeed=2

var imagegap="&nbsp;&nbsp;"
var marqueecontent=new Array()
var finalslide1=''
marqueecontent[0]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/1.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[1]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/2.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[2]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/3.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[3]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/4.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[4]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/5.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[5]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/6.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[6]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/7.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[7]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/8.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[8]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/9.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
marqueecontent[9]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_barra/images/10.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
</script>
<script src="http://localhost/joomla/modules/mod_slideshow/scripts/vscript.js" language="JavaScript1.2"></script> </div>
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="content_table">
<tr valign="top">
<td width="99%"><table width="115%" border="0" cellpadding="0" cellspacing="0" class="content_table">

<tr valign="top">
<td width="367"><div class="user1_inner">
<div class="moduletable">
<h3>SlideShow Pro</h3>
<script language="JavaScript1.2">
var sliderwidth="800px"
var sliderheight="89px"
var slidebgcolor=""
var stopslide="1"

var slidespeed=2
var slidesspace=parseInt('5')

var imagegap="&nbsp;&nbsp;"
var rightleftslide=new Array()
var finalslide=''
rightleftslide[0]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image01.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[1]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image02.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[2]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image03.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[3]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image04.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[4]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image05.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[5]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image06.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[6]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image07.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[7]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image08.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[8]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image09.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
rightleftslide[9]='<a href="http://www.joomlatr.org"><img src="http://localhost/joomla/modules/mod_slideshow/images/image10.jpg" border="0" alt="JoomlaTR" title="JoomlaTR"></a>'
</script>
<script src="http://localhost/joomla/modules/mod_slideshow/scripts/script.js" language="JavaScript1.2"></script> </div>
</div></td>

</tr>
<tr>
<td colspan="1">&nbsp;</td>
</tr>

</table></td>
</tr>
</table>
</div>
</div>

</td>
</tr>
</table>
</div>
<span class="Estilo7">
<div align="center">
&copy; 2009 Mertind Oficina Central</div>

<div align="center">
<a href="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU General Public License.</div></span>

</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 23:10.