ilch Forum » Allgemein » HTML, PHP, SQL,... » Scriptacolous Problem

Geschlossen
  1. #1
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    ich habe das Problem das der Scale effekt nicht funktioniert bei mir ich wälze schon seid stunden das inet durch vielleicht weiss jemand von euch rat

    geladen wird das ganze mit

    <body onLoad="Scale();">


    die java funktion steht über dem body und schaut so aus

    function Scale(){
    		
    Effect.Scale('bildrechts', 9000, {scaleY: false});
    		}


    das div Element sieht so aus.

    <div id="bildrechts" style="height:153px; width:1px; position:absolute;  background: url(include/designs/ilchClan/img/testbild.jpg)" >
    		</div>


    er zeigt mir aber immer nur das DIV Eelement mit 1px breite an mehr passiert nicht...

    Warum??

    danke euch


    verwendete ilchClan Version: 1.1
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    Effect.Scale('bildrechts', 9000, {scaleY: false});

    das is doch keine standard-javascript funktion...

    du musst diese funktion über ein .js file in deine seite einbinden
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    jup mach ich doch über Scriptacolous Script
    und diesen zwei code zeilen

    <script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script>
    <script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script>


    die effecte muss man dann ja nur noch abrufen...

    alle anderen effecte gehen problemlos bis eben auf diesen
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    eXecut1oner Mitglied
    Registriert seit
    26.10.2006
    Beiträge
    827
    Beitragswertungen
    0 Beitragspunkte
    function Scale(){
            
    new Effect.Scale('bildrechts', 9000, {scaleY: false});
            }

    ...versuchs damit
    der einzige unterschied zu deinem code is das new

    hab hier n bisschen herumprobiert:
    externer Link


    Zuletzt modifiziert von eXecut1oner am 22.10.2008 - 19:52:44
    it's not a bug, it's a feature... nsk-team.com
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    sau geil es geht...

    kann mir einer sagen warum das nur mit new geht???

    habe eigentlich auch noch ein problem was noch viel grösser ist...

    ich habe verschiedene DIVs die alle irgendwie mit javascript animiert werden...

    kurz bevor die Javascriptfunktion greift werden mir die DIVs ganz kurz angezeigt OHNE JAVASCRIPTFUNKTION.

    das heist im klartext die grafiken blitzen ganz kurz auf bevor sie "animiert" werde.

    wie bekomme ich das weg haben schon visibility:hidden versucht und in der java funktion dann per document.getElementByID den wert wieder auf visible gesetzt funzt aber nicht...

    was kann ich dagegen tun??
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    ich habs raus...

    das problem liegt darin das die javascript funktionen im body tag onLoad gestartet werden...

    beim Parsen der Seite werden dann alle elemente geladen und kurz sichtbar gemacht.

    erst wenn die seite komplett geladen wurde führt er den body tag aus.

    das kurze aufblitzen kann man unterbinden in dem man hinter jedem DIV element ein kleines JavaScript einfügt der wie folgt aussieht

    <script type="text/javascript">
    document.getElementById('elementID').style.display = 'none';
    </script>


    wollte das nur hier auch posten damit es auch die wissen die es bis jetzt nicht wussten
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Besser wäre es dem div einfach style="display:none;" zu geben zwinker

    also <div ... style="display:none;"> oder aber direkt über Ids oder Klassen zu gehen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    stimmt mairu das is viel elegenter danke dir lächeln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten