zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden mit Schleife Script reduzieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.06.2013, 12:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2012
Beiträge: 16
css_user befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.06.2013, 12:48
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.06.2013, 16:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2012
Beiträge: 16
css_user befindet sich auf einem aufstrebenden Ast
Standard

... 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

Geändert von css_user (27.06.2013 um 16:29 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.06.2013, 16:51
Benutzer
neuer user
 
Registriert seit: 18.06.2013
Beiträge: 76
vanDerb befindet sich auf einem aufstrebenden Ast
Standard

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 ).

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)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Script nur für Inhalt eines bestimmten DIVs Kipperdesign Javascript & Ajax 8 11.02.2013 14:03
bestehendes mootools script erweitern bobdud Javascript & Ajax 0 12.07.2012 11:51
Brauche Hilfe bei PHP Script PHP-Freak Serveradministration und serverseitige Scripte 5 18.10.2011 00:10
PHP Script mit GET-Parametern als Img-Src Ares Serveradministration und serverseitige Scripte 2 13.09.2008 22:19
Script soll Logdatei beschreiben, funktioniert auch aber nicht als Cronjob braindead Serveradministration und serverseitige Scripte 7 11.04.2007 09:11


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