Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

Rollover images die wel met norton compatible zijn

Anoniem
sdk
23 antwoorden
  • mijn site is dit: http://www.jochem.elixant.com/dcc/

    Enige probleem met de 3 plaatjes die er staan is dat ze bij een persoon met norton niet te zien zijn. Ik heb het standaard roll over script van 1stepage gebruikt. Weet iemand een methode die wel altijd zichtbaar is?

    [code:1:102039a526] <tr>
    <td width="33%"><center><a href="http://www.jochem.elixant.com/dcc/flashseeker.php" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.site','document.site','siteon.jpg')"><img src="siteoff.jpg" name="site" width="250" height="250" alt="" border="1"></a>


    </td>
    <td width="33%"><center><a href="http://www.jochem.elixant.com/dcc/forum/" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.forumpicture','document.forumpicture','forumon.jpg')"><img src="forumout.jpg" name="forumpicture" width="250" height="250" alt="" border="1"></a>
    </td>
    <td width="34%"><center><a href="http://dccclan.50free.org/downloads.html" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.downloads','document.downloads','downloadsout.jpg')"><img src="downloadsout.jpg" name="downloads" width="250" height="250" alt="" border="1"></a>


    </td>[/code:1:102039a526]
    en in de header
    [code:1:102039a526]<!– Rollover Image Script - Place within <head> tag –>
    <script language="JavaScript" type="text/javascript">
    <!– Hide from older browsers
    function SwitchImg()
    { //start
    var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
    store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
    if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
    (store.indexOf('document.all[')==0 && document.all==null))
    store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
    obj = eval(store);
    if (obj != null) {
    switcher[keep++] = obj;
    switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
    obj.src = SwitchImg.arguments[rem+2];
    } }
    document.Data = switcher;
    } //end

    function RestoreImg()
    { //start
    if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
    document.Data[rem].src=document.Data[rem+1];
    } //end

    // end hiding contents –>
    </script>[/code:1:102039a526]
  • Misschien kun je deze van MacroMedia eens proberen:
    [code:1:16250feb4b]<script language="JavaScript" type="text/JavaScript">
    <!–
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //–>
    </script>

    <body onLoad="MM_preloadImages('file…jouw image locatie hier…')">[/code:1:16250feb4b]
    Maar ik denk eigenlijk dat het alles te maken heeft met de instellingen van Norton die de gebruiker op zijn pc heeft. Een belachelijk strenge popupstopper functie o.i.d.
  • Ohja en dit natuurlijk in de html om de functie aan te roepen
    [code:1:47d7bffd91]<a href="javascript:;" onMouseOver="MM_swapImage('..naam afbeelding…','','file:…hier jouw (rollover)image locatie…',1)" onMouseOut="MM_swapImgRestore()"><img src="file:…hier de imagelocatie" name="" width="" height="" border="" id=""></a> [/code:1:47d7bffd91]
  • Met Firefox zie ik ook niets en verder zijn er hier op het forum al heel veel topics geweest over mouseovers met CSS dat is echt 100000 keer beter. Kan door geen enkele Norton worden gestopt.

    wimb
  • IE geeft aan dat er een fout in het script zit, hij gaat ook erg traag.
    Misschien idd toch beter de css optie eens proberen, dat scheelt al vier allinea's code.
  • Om je een beetje op weg te helpen met de css:
    [code:1:2a49fce4e3]
    <style type="text/css">
    .flash a, .forum a, .downl a {
    display : block;
    width : 250px;
    height: 250px;
    border : 2px solid #000; }
    .flash a:hover, .forum a:hover, .downl a:hover {
    display : block;
    border : 2px solid #000; }
    .flash a { background : url(2003_fichiers/siteoff.jpg); }
    .flash a:hover { background : url(2003_fichiers/siteon.jpg); }
    .forum a { background : url(2003_fichiers/forumout.jpg); }
    .forum a:hover { background : url(2003_fichiers/forumon.jpg); }
    .downl a { background : url(2003_fichiers/downloadsout.jpg); }
    .downl a:hover { background : url(2003_fichiers/siteon.jpg); }
    </style>
    [/code:1:2a49fce4e3]
    Dat gaat dus in de header van de html pagina.

    [code:1:2a49fce4e3]
    <tr>
    <td class="flash"><a href="http://www.jochem.elixant.com/dcc/flashseeker.php"></a></td>
    <td class="forum"><a href="http://www.jochem.elixant.com/dcc/forum/"></a></td>
    <td class="downl"><a href="http://dccclan.50free.org/downloads.html"></a></td>
    </tr>
    [/code:1:2a49fce4e3]
    dat is het stukje met de drie links


    wimb
  • wow bedankt :D btw hoe ziet me flash eruit :wink:
  • Nog iets: het heeft niets met Norton te maken. Zelf draai ik hier Norton Systemworks 2004 (lang leve studentenlicenties) en ik kan het gewoon zien. Overigens is het roll-over effect enorm traag, ondanks een 4Mbit verbinding.

    [b:738443888e]Edit:[/b:738443888e] ik zie nu dat je het over Norton Ad-Blocking hebt, een utility die ik zo gauw niet in Systemworks kan vinden… Dus ik heb niets gezegd…

    :D ;)

    - Bas
  • [quote:bdc85b013d="BasHamar"]Nog iets: het heeft niets met Norton te maken. Zelf draai ik hier Norton Systemworks 2004 (lang leve studentenlicenties) en ik kan het gewoon zien. Overigens is het roll-over effect enorm traag, ondanks een 4Mbit verbinding.

    [b:bdc85b013d]Edit:[/b:bdc85b013d] ik zie nu dat je het over Norton Ad-Blocking hebt, een utility die ik zo gauw niet in Systemworks kan vinden… Dus ik heb niets gezegd…

    :D ;)

    - Bas[/quote:bdc85b013d]

    alleen sysworks heb je idd niet zo veel aan, ik heb systemwork & de security suite (firewall enzo).
    Traag? Tis geen preloader maar traag zou ik em niet willen noemen, maar goed zal van de week ff 1 van de hierbovengenoemde oplossingen proberen.
  • [quote:65f495537b="sdk"]alleen sysworks heb je idd niet zo veel aan[/quote:65f495537b]Mwah, het scant alle binnenkomende en uitgaande email, en natuurlijk alle bestanden die ik gebruik. Daarnaast nog een groot aantal programma's voor het onderhoud van je computer, "niet zo veel" is m.i. dus niet helemaal waar… ;)

    Mozilla blokkeert met veel succes alle ongewenste pop-ups, dus ik heb geen klagen. Firewall zit standaard op de Linux-router.

    Maar goed, ik zal niet langer off-topic doorratelen over oninteressante dingen. :D

    - Bas
  • Hij is echt traag hoor! (die rollover)
    Een preloader lijkt me niet nodig want die Flash draait als een tierelier, snel zat. En ik vind 'm wel mooi, misschien wat breed opgezet maar de kleuren doen het erg goed bijelkaar en hij is "rustig" en tegelijk erg dynamisch.
    Alleen laadt hij niet echt helemaal op 1024x…. , hij duikt rechts onder in de hoek en boven en links blijft een randje over.
  • [quote:2b6d4a0052=".:ToBee:."]Hij is echt traag hoor! (die rollover)
    Een preloader lijkt me niet nodig want die Flash draait als een tierelier, snel zat. En ik vind 'm wel mooi, misschien wat breed opgezet maar de kleuren doen het erg goed bijelkaar en hij is "rustig" en tegelijk erg dynamisch.
    Alleen laadt hij niet echt helemaal op 1024x…. , hij duikt rechts onder in de hoek en boven en links blijft een randje over.[/quote:2b6d4a0052]
    Ow daar moet ik ff naar kijken dan, als het goed is zou hij gewoon in het midden moeten komen (javascript). De flash is trouwens nog nie helemaal af hoor, muziek doet het bijvoorbeeld niet altijd.

    [code:1:2b6d4a0052]
    code voor 1024x768: (dat is groter dan 850 bij 700 vandaar)

    if (scrWidth > 850 || scrHeight > 700) {
    var winWidtha = 1000;
    var winHeighta = 700;
    var winX = (scrWidth - winWidth2)/2;
    var winY = (scrHeight - winHeight2)/2;
    }[/code:1:2b6d4a0052]

    @bas hardwarematige firewall houd bij mij iig sommige trojans niet tegen (heb software+hardware)
  • [quote:1a0d8a9b2d="WimB"]Om je een beetje op weg te helpen met de css:
    [code:1:1a0d8a9b2d]
    <style type="text/css">
    .flash a, .forum a, .downl a {
    display : block;
    width : 250px;
    height: 250px;
    border : 2px solid #000; }
    .flash a:hover, .forum a:hover, .downl a:hover {
    display : block;
    border : 2px solid #000; }
    .flash a { background : url(2003_fichiers/siteoff.jpg); }
    .flash a:hover { background : url(2003_fichiers/siteon.jpg); }
    .forum a { background : url(2003_fichiers/forumout.jpg); }
    .forum a:hover { background : url(2003_fichiers/forumon.jpg); }
    .downl a { background : url(2003_fichiers/downloadsout.jpg); }
    .downl a:hover { background : url(2003_fichiers/siteon.jpg); }
    </style>
    [/code:1:1a0d8a9b2d]
    Dat gaat dus in de header van de html pagina.

    [code:1:1a0d8a9b2d]
    <tr>
    <td class="flash"><a href="http://www.jochem.elixant.com/dcc/flashseeker.php"></a></td>
    <td class="forum"><a href="http://www.jochem.elixant.com/dcc/forum/"></a></td>
    <td class="downl"><a href="http://dccclan.50free.org/downloads.html"></a></td>
    </tr>
    [/code:1:1a0d8a9b2d]
    dat is het stukje met de drie links


    wimb[/quote:1a0d8a9b2d]

    sorry maar het werkt niet. (heb met en zonder 2003_fichiers/) geprobeerd.

    @tobee

    <body onLoad="MM_preloadImages('file:siteoff.jpg')">
    <body onLoad="MM_preloadImages('file: siteoff.jpg')">
    <body onLoad="MM_preloadImages('siteoff.jpg')">

    welke??? (geen van 3'en werkte :-? )
  • Bij mij werkt het nog prima. Ik heb nog iets veranderd, dan is de preload niet meer nodig. Hier is een link: http://www.wimb.net/test/2003.html

    2003_fichiers staan de plaatjes in-

    wimb
  • HUH. ik zie dat het werkt bij jou, ik zie ook dat het script iets anders is. Ik zie ook dat jij de plaatjes in een submapje hebt dat 2003_fichiers/ heet.
    Als ik dat weghaal komt het basisplaatje tevoorschijn.
    Ik zie niet waar siteon.jpg enz zijn gebleven in de code. En daarom werkt het ook deze keer weer niet :-? . (heb je hele code gekopierd via bron).

    [code:1:322cc104ca]<style type="text/css">
    .flash a, .forum a, .downl a {
    display : block;
    width : 250px;
    height: 250px;
    border : 2px solid #000; }
    .flash a:hover, .forum a:hover, .downl a:hover {
    display : block;
    border : 2px solid #000; }

    .flash a { background : url(siteoff.jpg); } (*2003_fichiers/)
    .forum a { background : url(forumout.jpg); }
    .downl a { background : url(downloadsout.jpg); }

    .flash a:hover,
    .forum a:hover,
    .downl a:hover { background-position : 0 -250px; }


    </style>
    en dan een stukje body met alleen de tables[/code:1:322cc104ca]
  • Per hover is er nog maar 1 plaatje nodig - dus geen preload problemen meer en geen geknipper met IE. Ze zijn nu gecombineerd, de bovenkant is normaal en met een hover moved het -250px omhoog. Je moet dus de twee plaatjes in een zetten, Nu heb je er twee van 250x250 dat wordt er dan een dan 250 breed en 500 hoog. Verder werken alleen de linkse twee hovers.
    [code:1:a160ec69f8]
    <style type="text/css">
    .flash a, .forum a, .downl a {
    display : block;
    width : 250px;
    height: 250px;
    border : 2px solid #000; }
    .flash a:hover,
    .forum a:hover,
    .downl a:hover {
    display : block;
    border : 2px solid #000;
    background-position : 0 -250px; }
    .flash a { background : url(2003_fichiers/siteoff.jpg); }
    .forum a { background : url(2003_fichiers/forumout.jpg); }
    .downl a { background : url(2003_fichiers/downloadsout.jpg); }
    </style>[/code:1:a160ec69f8]
    De CSS is nu een beetje korter, er stond nog wat doms in.

    wimb
  • http://jochem.elixant.com/dcc/test4.html
  • Het plaatje is niet goed, hier een voorbeeld.

    wimb
  • [quote:5dc77dda3c="WimB"]Het plaatje is niet goed, hier een voorbeeld.

    wimb[/quote:5dc77dda3c]

    owzo. Ok dan. Downloads klopt idd dat die het niet doet, had text er nog niet goed op omdat het plaatje zo vaag was. Het is best lastig om van een 1280x1024 een plaatje van 250x250 te halen :-?
  • [quote:d3bf5d1eb5]<body onLoad="MM_preloadImages('siteoff.jpg')">
    [/quote:d3bf5d1eb5]
    Die, en dan het volledige pad invoeren. "….('..\images\siteoff.jpg')"

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.