XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   mit Schleife Script reduzieren (http://xhtmlforum.de/showthread.php?t=69635)

css_user 27.06.2013 12:05

mit Schleife Script reduzieren
 
Hallo,

kann mir jemand bei der Verkürzung des Scripts helfen?

Man kann das doch bestimmt in einer Schleife reduzieren?

Code:

if (rollover == 'true') {
        <!-- start home_btn -->
        image_1=new Image();
        image_1.src="images/navigation/home_btn_1.jpg";
        image_2=new Image();
        image_2.src="images/navigation/home_btn_2.jpg";
        <!-- stop home_btn -->
       
        <!-- start credit_certificate_btn -->
        image_3=new Image();
        image_3.src="images/navigation/credit_certificate_btn_1.jpg";
        image_4=new Image();
        image_4.src="images/navigation/credit_certificate_btn_2.jpg";
        <!-- stop credit_certificate_btn -->
       
        <!-- start massagen_btn -->
        image_5=new Image();
        image_5.src="images/navigation/massagen_btn_1.jpg";
        image_6=new Image();
        image_6.src="images/navigation/massagen_btn_2.jpg";
        <!-- stop massagen_btn -->
       
        <!-- start price_btn -->
        image_7=new Image();
        image_7.src="images/navigation/price_btn_1.jpg";
        image_8=new Image();
        image_8.src="images/navigation/price_btn_2.jpg";
        <!-- stop price_btn -->
       
        <!-- start contact_btn -->
        image_9=new Image();
        image_9.src="images/navigation/contact_btn_1.jpg";
        image_10=new Image();
        image_10.src="images/navigation/contact_btn_2.jpg";
        <!-- stop contact_btn -->
       
        <!-- start approach_btn -->
        image_11=new Image();
        image_11.src="images/navigation/approach_btn_1.jpg";
        image_12=new Image();
        image_12.src="images/navigation/approach_btn_2.jpg";
        <!-- stop approach_btn -->
       
        <!-- start about_myself_btn -->
        image_13=new Image();
        image_13.src="images/navigation/about_myself_btn_1.jpg";
        image_14=new Image();
        image_14.src="images/navigation/about_myself_btn_2.jpg";
        <!-- stop about_myself_btn -->
       
        <!-- start trading_details_btn -->
        image_15=new Image();
        image_15.src="images/navigation/trading_details_btn_1.jpg";
        image_16=new Image();
        image_16.src="images/navigation/trading_details_btn_2.jpg";
        <!-- stop trading_details_btn -->
       
        <!-- start google_bookmark_btn -->
        image_17=new Image();
        image_17.src="images/navigation/google_btn_1.png";
        image_18=new Image();
        image_18.src="images/navigation/google_btn_2.png";
        <!-- stop google_bookmark_btn -->
       
        <!-- start rss_bookmark_btn -->
        image_19=new Image();
        image_19.src="images/navigation/rss_btn_1.png";
        image_20=new Image();
        image_20.src="images/navigation/rss_btn_2.png";
        <!-- stop rss_bookmark_btn -->
       
        <!-- start youtube_bookmark_btn -->
        image_21=new Image();
        image_21.src="images/navigation/youtube_btn_1.png";
        image_22=new Image();
        image_22.src="images/navigation/youtube_btn_2.png";
        <!-- stop youtube_bookmark_btn -->
       
        <!-- start facebook_bookmark_btn -->
        image_23=new Image();
        image_23.src="images/navigation/facebook_btn_1.png";
        image_24=new Image();
        image_24.src="images/navigation/facebook_btn_2.png";
        <!-- stop facebook_bookmark_btn -->
       
        <!-- start twitter_bookmark_btn -->
        image_25=new Image();
        image_25.src="images/navigation/twitter_btn_1.png";
        image_26=new Image();
        image_26.src="images/navigation/twitter_btn_2.png";
        <!-- stop twitter_bookmark_btn -->
       
        <!-- start facebook_bookmark_btn -->
        image_27=new Image();
        image_27.src="images/navigation/favorite_btn_1.png";
        image_28=new Image();
        image_28.src="images/navigation/favorite_btn_2.png";
        <!-- stop facebook_bookmark_btn -->
}

Lieben Dank vorab!

By

protonenbeschleuniger 27.06.2013 12:48

Ja, das liesse sich massiv verkürzen. Aber es sieht auch so aus, als ob das überhaupt nicht notwendig wäre. Mouseoverbuttons lassen sich viel leichter mit CSS gestalten.

und eine kleine Anmerkung Kommentare in JS gehen so: // oder so /* */ - das was du da benutzt sind HTML Kommentare.

css_user 27.06.2013 16:17

... super danke für die Antwort.

... und wie würde das Script zur Reduzierung aussehen ... bzw. ich benötige einen Link zur Selbsthilfe.

... WOFF werden wirklich in allen Browsern ordentlich dargestellt?

By

vanDerb 27.06.2013 16:51

CSS statt Javascript, wie protonenbeschleuniger bereits angemerkt hat => Pure CSS Image Hover | Kyle Schaeffer

Es gibt Gründe, warum man heutzutage für sowas kein JS mehr benutzt:

1. JS lässt sich abschalten, dann funktioniert die Sache nicht mehr
2. :hover verstehen heutzutage sämtliche Browser (bis runter zum IE3 :lol:).

Zitat:

... WOFF werden wirklich in allen Browsern ordentlich dargestellt?
Nein, der IE < 9 möchte TTF haben (https://developer.mozilla.org/en-US/docs/Web/Guide/WOFF)


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:14 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023