Melissa: Javascript Video onclick wechseln

Beitrag lesen

SELF-Forum

Javascript Video onclick wechseln

Melissa
– Informationen zu den Bewertungsregeln

Hallo,

ich hab per Javascript einen Bildwechsel, der dazu dient durch eine Anzahl von Bilder mit Buttons zu navigieren.

kann ich einen solchen Bildwechsel auch für Videodateien erstellen?
D.h. wenn ich auf den vorwärtspfeil klicke wird der Player mit dem nächsten Video angezeigt.

Danke!

Nachfolgend ist der Code, den ich verwende für den Bildwechsel mit normalen jpg-Dateien. Welchen Teil vom Code muss ich ändern?
Ich hab leider kaum Ahnung von Javascript, hab den Code im Netz gefunden und er funktioniert.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  
<head>  
  
<link rel="stylesheet" type="text/css" href="../../layout.css" />  
  
  
[code lang=javascript]<script type="text/javascript">  
var imgs = [  
  'images/00.gif',  
  'images/01.jpg',  
  'images/02.jpg'  
  
  
];  
  
imgs.rotate = function (direction) {  
  
  if      (direction > 0) { this.push(this.shift());  }  
  else if (direction < 0) { this.unshift(this.pop()); }  
}  
  
function nextImg(direction) {  
  
  imgs.rotate(direction);  
  document.getElementById("rollimg").src = imgs[0];  
}  
  
  
  
</script>  
  
<script src="../../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>

<body>
<div class="con" style="background-image:url(../../images/back04_.gif)">
  <div class="connavi">
  <div class="menu" style="background-image:url(../../images/back04_navi.gif)"></div></div>
  <div class="conmain">
<div class="concontent"><table border="0">
  <tr>
    <td colspan="2" height="300px" align="center"><img src="images/00.gif" alt="Bildwechsel mit Javascript" id="rollimg"/></td>
    <td width="120" valign="top" class="linkdown"></td>
  </tr>
  <tr>
    <td width="384" height="20px">  ~~~javascript <script type="text/javascript">
<!--
document.write ('<p>&nbsp;&nbsp;<a href="javascript:nextimg(- 1)"><img src="../../images/zur.gif" alt="" width="15px"/></a><a href="javascript:nextimg(1)"><img src="../../images/vor.gif" alt="" width="15px" /></a></p>');
// -->
</script>

  </tr>  
  <tr>  
    <td><p>&nbsp;</p></td>  
    <td align="right">&nbsp;</td>  
    <td>&nbsp;</td>  
  </tr>  
</table>  
</div>  
</div>  
</div>  
</body>  
</html>  
[/code]
Beitrag melden
–
Informationen zu den Bewertungsregeln