css-datei je nach Bildschirmgröße wechslen

irmen · 7. Juni 2010

Hallo, kann mir bitte jemand beim codeschreiben helfen?
Ich habe gelesen, dass man mit javascript die Bildschirmgröße ermitteln kann.

Ich würde das gerne abfragen und beim css-aufruf dann entsprechend die styledatei festlegen.

Theoretisch so:

<?php if screen.width>=1280 und gleichzeitig screenheight>=1024?><link href="Pfad zur anderen css-datei"
else
<link href="<?php bloginfo('stylesheet_url'); ?>"<?php endif; >type="text/css" rel="stylesheet" media="screen" />
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

1. geht das grundsätzlich?
2. Kann mir jemand helfen, weil ich beim coden so ahnungslos bin ... wo welche klammern kommen, etc.??
3. Es werden in den Seiten (per benutzerdefinierte Felder) Bilder festgelegt. Kann ich im Template auch einfach die If abfrage dazupopeln, damit im Falle der größeren Auflösung auch jeweils eine größere variante der Bilder geladen werden?(die ich natürlich vorher uploade und mit namegross.jpg benenne)
so :

<div id="dasbild">
<img src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php $inhalt = get_post_meta($post->ID, 'grossesbild', true); ?>
<?php echo $inhalt; ?><?php if screen.width>=1280 und gleichzeitig screenheight>=1024?>+"gross"+<?php endif; ?>.jpg" NAME="dasbild" /></div>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Vielen Dank für ein paar tipps!!
Irmen

irmen · 8. Juni 2010

Weiß das keiner,oder darf man sowas nicht fragen?
Gibt es vielleicht irgendein plugin das die css wechseln kann je nach bildschirmgröße/auflösung?

Danke für einen Tipp!

nepf · 8. Juni 2010

guck mal hier - gleich das erste beispiel wird dir weiter helfen:

http://de.selfhtml.org/javascript/objekte/screen.htm#allgemeines

Tutrix · 8. Juni 2010

kannst ja mal dies

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
versuchen

als standard-style.css solltest du die definieren, die geladen wird wenn der Besucher Javascript deaktiviert hat

irmen · 8. Juni 2010

vielen Dank!
ich hab inzwischen auch wasausprobiert. aber irgendwie kann ich vielleicht php und js nicht in dieserArt mischen - kannst du mir sagen was da falsch ist?

<script language=javascript>
breite=screen.width;
hoehe=screen.height;
if ((breite>=1280)&&(hoehe>=1024))
{
<link href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" rel="stylesheet" media="screen" />
}
else
{
<link href="<?php bloginfo('template_url'); ?>/style2.css" type="text/css" rel="stylesheet" media="screen" />
}
</script>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

irmen · 8. Juni 2010

Vielen Dank, habe deinen code genommen und mitmeinem Kombiniert.
Jetzt klappts.
schönen Gruß!

WPDE.org

css-datei je nach Bildschirmgröße wechslen

irmen Well-Known Member

irmen Well-Known Member

nepf Well-Known Member

Tutrix Well-Known Member

irmen Well-Known Member

irmen Well-Known Member

Nützliche Suchen

css-datei je nach Bildschirmgröße wechslen

irmen Well-Known Member

irmen Well-Known Member

nepf Well-Known Member

Tutrix Well-Known Member

irmen Well-Known Member

irmen Well-Known Member