probleem met image switch

[crz_06]

Ik wil is één button (image) welke een 'play'/'pause' functies combineert. Dus als de compositie played, dan moet de button op 'pause.gif' staan, en als de compositie gepauzeerd is moet de button op 'play.gif' staan. Er deze code werkt niet, wat doe ik nu verkeerd?

<script type="text/javascript">

function PlayPauseFunc(imgref)
{
  if (imgref.src=='images_template/slideshow_pause.gif')
  {
    var res = document.VirtoolsATL.DoCommand('Pause');
    imgref.src='images_template/slideshow_play.gif';
  } else
  {
    var res = document.VirtoolsATL.DoCommand('Play');
    imgref.src='images_template/slideshow_pause.gif';
  }
}

<img src="images_template/slideshow_pause.gif" onclick="PlayPauseFunc(this)">

thx

 

[Egel]

if (imgref.src=='images_template/slideshow_pause.gif')

werkt niet, als je de .src opvraagt krijg je het hele http enz adres terug, handiger is het om de .nameProp te gebruiken dat is alleen het laatste gedeelte:

if (imgref.nameProp=='slideshow_pause.gif')


Vr.Gr. Egel.

 

[crz_06]

thx, maar krijg helaas een error op mijn pagina als ik dit gebruik. Enige idee wat ik nu weer fout doe

<script type="text/javascript">

function PlayPauseFunc(imgref)
{
  if (imgref.nameProp=='images_template/slideshow_pause.gif')
  {
    var res = document.VirtoolsATL.DoCommand('Pause');
    imgref.nameProp='images_template/slideshow_play.gif';
  } else
  {
    var res = document.VirtoolsATL.DoCommand('Play');
    imgref.nameProp='images_template/slideshow_pause.gif';
  }
}

 

[crz_06]

ok, was lekker blind, had een '=' te veel, en nu pauzeerd de compositie wel, maar wil niet veranderen van pause.gif, naar play.gif, en dus wordt de compositie ook niet geresumed. ;( (gebruik gewoon weer .src). Enige idee wat ik niet zie

 

[Egel]

function PlayPauseFunc(imgref)
{
  if (imgref.nameProp == 'slideshow_pause.gif')
  {
    var res = document.VirtoolsATL.DoCommand('Pause');
    imgref.src = 'images_template/slideshow_play.gif';
  } else
  {
    var res = document.VirtoolsATL.DoCommand('Play');
    imgref.src = 'images_template/slideshow_pause.gif';
  }
}

<img src="images_template/slideshow_pause.gif" onclick="PlayPauseFunc(this)" style="cursor: hand;">

Je hoefde alleen die ene zin te veranderen, dat was ik vergeten erbij te zetten .

.nameProp is de filenaam van het plaatje, dat kun je alleen uitlezen,
.src blijf je gebruiken om het plaatje te wisselen.
De style="cursor: hand;" zorgt voor een handje bij het plaatje.

De == is goed bij de if, dat hoort zo!


Vr.Gr. Egel.