Archief - Q: popup slide (image)

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

KoenDK

Legacy Member
enig idee hoe ik een popup slider kan maken?
ik heb hier een image waar ik een link wil achter steken...

deze image zou moeten sliden over het scherm wanneer de gebruiker naar de homepage surft
bijvoorbeeld van boven tot het midden,
met een X kruisje om af te sluiten :eek:
(ps : deze X zit nog niet in die image, moet ik die er dan in steken + is dat dan met maps??)


ik heb reeds proberen zoeken via google
dhtml popup slide image

maar ik kom toch niet tot enig deftige oplossing



spijtig dat ik dit vroeger niet heb opgeslaan,
want volgens mij had telenet een tijd geleden exact wat ik nu wil,
ze deden dit toen met een of andere gele bloem :crazy:


ik hoop dat prefix goed is, want dhtml stond niet in de lijst :x
K

KoenDK

Legacy Member
ja, Lightbox ken ik wel :)
maar dat willen we dus niet :D


het zou zo een slider popup moeten zijn, automatisch...



achter die image die over het scherm komt gerold :D:D
zou ook een specifieke link moeten zitten

<a href = "..." target = "_self"><img src="..." alt="..." border="0" /></a>


lightbox is dus uitgesloten :D
p

passero

Legacy Member
Zou het niet simpel zijn om een div te maken met daarin de image die je via JS laat scrollen?
K

KoenDK

Legacy Member
passero zei:
Zou het niet simpel zijn om een div te maken met daarin de image die je via JS laat scrollen?
Klik om te vergroten...

euhm
oké

lijkt me logisch


alleen kan ik geen JS schrijven



ps : het domme van de hele zaak is, dat dit vrijdag zou moeten gereed zijn
vandaar dat ik dus toch op zoek ben naar een script :'(
T

Tyfius

Legacy Member
Op verschillende sites heb je zo advertenties, of vragen om mee te doen aan een enquete, is het zoiets dat je bedoeld?

Dit is basicly een apart window met geen borders, en een X button opmaak via CSS enzo, dat laten glijden doe je via de height en de width parameters te updaten.

Google gaf me dit: http://www.jvwinc.com/popupmaker.html
K

KoenDK

Legacy Member
allé hup, na een paar uur google werk, dan toch eentje gevonden die redelijk goed werkt


in de head moet ik het volgende kopieren :

PHP: 
<script type="text/javascript">
function hideAd(divId) 
{ if (document.layers) document.layers[divId].visibility = 'hide';
  else if (document.all) document.all[divId].style.visibility = 'hidden';
  else if (document.getElementById) document.getElementById(divId).style.visibility = 'hidden';
}

function adDown(divId) 
{ state=typeof topPos;
  if(state=='undefined') topPos=-260;
  if(topPos < 75)
  { topPos+=3;
	   if (document.layers) document.layers[divId].top = topPos;
    else if (document.all) document.all[divId].style.top = topPos;
    else if (document.getElementById) document.getElementById(divId).style.top = topPos;	
    
    setTimeout("adDown('pop');",25);
	 }
}
</script>

en in body :

PHP: 
<script type="text/javascript">
if (parseInt(navigator.appVersion) >= 4 && navigator.javaEnabled()) 
{ document.write('<div id="pop" style="margin:auto;position:absolute;top:-260;">');
  document.write('<table cellpadding="0" cellspacing="2" bgcolor="#7FA3C7" border="0"><tr><td><table cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" border="0">');
  document.write('<tr><td align="right" height="24"><a href="javascript:void(0)" onclick="hideAd(\'pop\')"><img src="/images/close1.jpg" border="0"></a></td></tr>');
  document.write('<tr><td align="center"><a href="http://www.google.be"><img src="/images/special.jpg" border="0" alt="0"></a></td></tr>');
  document.write('</table></td></tr></table>');
  document.write('</div>');
  
  if (document.layers) document.layers.pop.left = ((window.innerWidth / 2) - (630 / 2));
  else if (document.all) document.all.pop.style.left = ((document.body.offsetWidth / 2) - (630 / 2));
  else if (document.getElementById) document.getElementById("pop").style.left = ((window.innerWidth / 2) - (630 / 2));
}
</script>




sorry voor de 2e edit :D
maar het uitlijnen is mij gelukt (toch in IE6, in FF negeert hij de margin:auto)



anyway, back to my first question :


kan er iemand dit script beetje aanpassen zodanig dat de image over de pagina rollt tot hij ergens in het midden staat
(en dan dus stopt met bewegen :p)
S

Smoerf

Legacy Member
is goed te doen, niet zo moeilijk zelf.

Ik denk dat het voor reclame doeleinden is? Ik haat irritante images die over m'n scherm bewegen terwijl ik dit niet nodig heb.

Tip: zoek eens op window.setTimout
K

KoenDK

Legacy Member
geen idee man
ik heb gegoogled maar ik ben verre van javascript talent
integendeel :D

mja, ik haat ook irritante popups, maar deze is nodig
ge kent dat wel hé, marketing beslissingen :p


enfin, ik zou het toch graag laten inschuiven,
vind ik er toch iets beter uitzien dan dat die layer er gewoon over staat op de homepage...
S

Smoerf

Legacy Member
kay, ik wil wel iets fixen :)

Gewoon van buiten je beeld naar het absolute midden van de pagina? Redelijk snel? (1 à 2 seconden)

Met ease, zonder ease, elastisch? Let me know...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan