Plaatje laten knipperen, lukt niet.

**B3rt** · 09/11/06 15:16

Ik zoek een heel simpele oplossing om een image/plaatje te laten knipperen.

Ik dacht dit doe ik even maar het valt me tegen, text etc krijg ik zonder enige probleem aan het knipperen met style="TEXT-DECORATION:blink;", ik had verwacht dat dit ook wel zou werken met plaatjes maar helaas dat gaat dus niet.

Kan iemand me vertellen hoe ik dus 1 specifiek plaatje kan laten knipperen?

(is voor gebruik in een php script)

**ShowU** · 09/11/06 15:17

gifje maken?

**Ramon Fincken** · 09/11/06 15:43

div eromheen en die div met JS laten zien en verbergen?
of div met andere z waarde erovereen laten zien en verbergen lijkt me een betere optie..

update misschien valt het ook met een ID op te lossen:
http://www.google.nl/search?hs=RlW&h...ow&btnG=Search
http://www.google.nl/search?rls=org....=Google+Search

**MediaServe** · 09/11/06 17:23

Code:

<html>
<head>
<title>Mijn Pagina</title>
<script type="text/javascript">
  function PlaatjeKnipperen() {
    MijnPlaatjeObject = document.getElementById('MijnPlaatje');
    if(MijnPlaatjeObject.style.visibility == 'hidden'){
      MijnPlaatjeObject.style.visibility = 'visible';
    } else {
      MijnPlaatjeObject.style.visibility = 'hidden';
    }
    setTimeout("PlaatjeKnipperen();", 500);
  }
</script>
</head>
<body onload="PlaatjeKnipperen();">
<h1>Welkom op Mijn Pagina</h1>
<div id="MijnPlaatje">
  <img src="http://www.mediaserve.nl/logo/logo.gif" alt="Mijn Plaatje" />
</div>
</body>
</html>

**Ramon Fincken** · 09/11/06 19:02

Werkt goed op FF2.

Op IE6 vind de infobalk het niet goed, maar als het webbased/op host wordt gedraaid zal dit waarschijnlijk opgelost worden..

**ErikKosters** · 09/11/06 19:26

<blink><IMG></blink> ?

**lifeforms** · 09/11/06 19:35

Zoek een blank.gif of spacer.gif en laat met een Javascriptje de src van het plaatje wisselen tussen het originele plaatje en de lege gif. Zo blijft de ruimte die het plaatje inneemt hetzelfde en heeft het geen invloed op de page flow, wat je bij visibility wijzigen mogelijk wel hebt. Hoe je dit op vastgestelde intervallen laat gebeuren heeft MediaServe al gepost.

**ol4pro** · 09/11/06 19:52

Misschein dus zoals dit.. UNTESTED.

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function hideAndShow(tagID) {
	var oDiv = document.getElementById(tagID);
	oDiv.style.display = (oDiv.style.display == "none") ? "block" :
	"none";
}

function startBlink() {
	if (document.all)
		setInterval("hideAndShow('blinkme')",200)
}
window.onload = startBlink;
//-->
</script>
</HEAD>
<BODY>
<div id="blinkme">
HELLO I AM , I AM NOT
</div>

Zag niet alle posts staan, load problem in browser denk ik.

**B3rt** · 09/11/06 20:11

Oorspronkelijk geplaatst door ol4pro

Misschein dus zoals dit.. UNTESTED.

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function hideAndShow(tagID) {
	var oDiv = document.getElementById(tagID);
	oDiv.style.display = (oDiv.style.display == "none") ? "block" :
	"none";
}

function startBlink() {
	if (document.all)
		setInterval("hideAndShow('blinkme')",200)
}
window.onload = startBlink;
//-->
</script>
</HEAD>
<BODY>
<div id="blinkme">
HELLO I AM , I AM NOT
</div>

Zag niet alle posts staan, load problem in browser denk ik.

Dit werkt dus alleen maar met IE browsers, in FF doet ie het bv al niet

Het is dus niet zo simpel als dat ik had verwacht, de bedoeling is namelijk dat als een server een prboleem heeft in ons controle panel het stats plaatje (wat wordt gegenereerd door een ander programma) begint te knipperen zodat het direct opvalt.
Ik kan het plaatje zelf niet knipperend maken omdat de plaatjes door een ander programma's worden gegenereerd en dat programma ondersteund dit niet.

Ik dacht dus simpel de text-decoration:blink optie gebruiken maar dat werkt dus niet met plaatjes, jammer dus
Ik moet een andere oplossing zoeken.

**gjtje** · 09/11/06 20:14

Een div een vaste waarde geven, daar plaatje in mikken en plaatje visible en hidden maken. Geen idee waarom iedereen de style van de div aanpast, plaatjes ondersteunen dat ook.

Door de vaste waarde van de div verandert je pagina layout ook niet.

**ol4pro** · 09/11/06 20:22

had het ook niet echt in FF getest, maar zowel in FF als Opera doet het het inderdaad niet..

maar er zijn een hoop dingen die alleen maar IE compatible zijn, en om eerlijk te zijn heb ik vandaag niet echt het zin om te gaan debuggen op FF en OPERA

En anders toch echt aan de slag in ADOBE

dat is ook zo moeilijk niet.
ADOBE imageReady

Een andere optie is JAPPLET

Dan kan ook gewoon. zelfs met een variable.
if 1 then blink
if 0 hide...
of whatever..

**B3rt** · 09/11/06 20:27

Wat heeft adobe ermee te maken?
Ik kan de plaatjes zelf niet knippered maken omdat die dynamisch worden gegenereerd, een ander programma maakt deze plaatjes met daarin de server stats zoals actueel cpu load, bandbreedte etc van dat moment. Dus zelf knipperende plaatjes maken kan gewoonweg niet omdat de plaatjes elke keer anders zijn.

Wat MediaServe zei werkt wel in FF alleen zit ik met het probleem dat die div een vaste waarde heeft en ik kan heem dus maar 1 keer gebruiken.
Het moet worden gebruikt in een PHP pagina welke diverse plaatjes (ca 50) laat zien welke dynamisch worden opgebouwd uit gegevens van een database, ik kan dus van deze 50 servers maar 1 keer een plaatje laten knipperen terwijl er bv 4 machines een probleem hebben die eigenlijk zouden moeten knipperen nu.

Ik moet dus nog iets gaan uitzoeken hoe dit precies zit.

**MediaServe** · 09/11/06 20:58

Oorspronkelijk geplaatst door lifeforms

Zoek een blank.gif of spacer.gif en laat met een Javascriptje de src van het plaatje wisselen tussen het originele plaatje en de lege gif. Zo blijft de ruimte die het plaatje inneemt hetzelfde en heeft het geen invloed op de page flow, wat je bij visibility wijzigen mogelijk wel hebt. Hoe je dit op vastgestelde intervallen laat gebeuren heeft MediaServe al gepost.

Bij visibility blijft de ruimte ook hetzelfde

**B3rt** · 09/11/06 21:03

Helaas lukt het me niet om 4 van de 50 plaatjes te laten knipperen
Er knippert er maar steeds maar 1

Het probleem zit hem in de vaste id waarde, is er geen andere manier om zonder vaste IP te werken of om die id meerdere keren te gebruiken?

**ol4pro** · 09/11/06 21:05

Ik stuur je een code in je PM

dit kan je in ECLIPSE, ORACLEJDev plakken
en genereren maar.. je krijgt dan een JAPPLET

ik heb deze code niet getest maar het zou moeten werken.

dit is wel compatible met IE,FF,Opera en wat je maar wilt.

Onderwerp Gereedschap

Toon

Onderwerp: Plaatje laten knipperen, lukt niet.

Plaatje laten knipperen, lukt niet.

Webhostingtalk.nl

Link met ons

Partners

Contact