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

[JS] Logo uitzonderen van auto-resize

Ger
5 antwoorden
  • Ik heb het volgende script om grote afbeeldingen (width>600px) op mijn forum automatisch te laten resizen, zodat de layout niet breekt:
    [code:1:dc8f8d7c17]<script>
    window.onload = resizeimg;
    function resizeimg()
    {
    if (document.getElementsByTagName)
    {
    for (i=0; i<document.getElementsByTagName('img').length; i++)
    {
    im = document.getElementsByTagName('img')[i];
    if (im.width > 600)
    {
    im.style.width = '600px';
    eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
    eval("im.onclick = pop" + String(i) + ";");
    if (document.all) im.style.cursor = 'hand';
    if (!document.all) im.style.cursor = 'pointer';
    im.title = 'Click Here To See Image Full Size ';
    }
    }
    }
    }

    </script>[/code:1:dc8f8d7c17]
    Ik heb het even getest en op zich werkt het perfect, met echter 1 nadeel: mijn logo in de header heeft een width van 750px. Die wordt nu ook geresized. Klopt helemaal natuurlijk met dit script, maar ik wil dat natuurlijk niet. Kan ik ergens in het script iets toevoegen waarmee ik de header uitzonder van het script?
  • Niet gestest maar dit zou moeten wereken :

    [code:1:3553274fec]
    <script>
    window.onload = resizeimg;
    function resizeimg()
    {
    if (document.getElementsByTagName)
    {
    for (i=0; i<document.getElementsByTagName('img').length; i++)
    {
    im = document.getElementsByTagName('img')[i];
    if (im.width > 600 && im.src ne "templates/fisubice/images/phpbb2_logo.jpg")
    {
    im.style.width = '600px';
    eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=400,height=400,scrollbars=1,resizable=1'); pop.focus();\")");
    eval("im.onclick = pop" + String(i) + ";");
    if (document.all) im.style.cursor = 'hand';
    if (!document.all) im.style.cursor = 'pointer';
    im.title = 'Click Here To See Image Full Size ';
    }
    }
    }
    }

    </script>[/code:1:3553274fec]

    dit heb ik toegevoegd : && im.src ne "templates/fisubice/images/phpbb2_logo.jpg"

    Dat stukje kijkt ofdat het plaatje je kop is
  • Nu ja, ik ga het pas implementeren voor het forum dat ik nu achter de schermen aan het opbouwen ben, dus de URL wordt anders. Kan ik daarvoor ook gewoon het statement {SITE_LOGO} gebruiken, of moet het een harde url zijn?

    IIG vast bedankt! :D
  • {SITE_LOGO} moet kunnen volgens mij!
  • Fijn, dan gaan we dat vanavond of anders morgen eens proberen. Ik laat wel ff weten of het lukt.

Beantwoord deze vraag

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