Bild Wechsel per CSS

Mit CSS gibt es eine praktische Lösung zur Umsetzung eines Bildwechsels. Natürlich wäre ein Bildwechsel auch mit Java Sript möglich, was aber wiederrum den Nachteil hat, dass nicht jeder Java Script akzeptiert.

l-design.at
Mit der Maus darüber fahren und testen

Bei der Standardmethode mit a:hover hat man den Nachteil, dass Bilder immer erst geladen werden sobald man mit der Maus darüber fährt. Dadurch kann es natürlich zu einer kleinen Verzögerung kommen - was sehr unschön aussieht.
Weiters fehlt dem durch a:hover eingeblendeten Bild auch der Alternativtext und somit fehlt dem Bild jegliche Beschreibung.

Mit folgender Methode umgeht man diese "Probleme":

 

Weiterlesen...
 

Bilder beim Seitenaufruf vorab laden

Manchmal kann es ganz praktisch sein, Bilder beim Laden einer Seite vorab zu laden. Zum Beispiel wenn man auf der Seite Bildwechsel mit einem hover-Effekt eingebaut hat. Dort ist es von Vorteil, wenn das Bild beim darüber fahren mit der Maus ohne Verzögerung wechselt - hierzu hilft es die Bilder vorab in den Cache des Browsers zu laden.

Dies lässt sich zum Beispiel mit Java Script oder mit CSS umsetzen. Persönlich bevorzuge ich die Variante mit CSS, da Java Script nicht jeder freigeschalten hat und die Java Script Funktion von Suchmaschinen nicht gern gesehen wird.

Bilder vorab laden mit CSS

Hierzu werden die Bilder am Anfang der Seite geladen, wobei deren Größe auf 1x1 Pixel gestellt. Diese werden von einem div umgeben, welches per CSS ausgeblendet wird.

Folgendermaßen sieht dann der HTML-Code aus (ganz an den Anfang des body Bereiches):

 

Weiterlesen...
 

Bild-Datenbanken - kostenlos und kostenpflichtig

Bei der Erstellung einer Homepage oder bei Grafikarbeiten benötigt man immer wieder Bilder zu einem gewissen Thema oder dergleichen. Egal ob Webdesigner oder Grafiker - beide sollten beachten, dass man nicht ohne weiters irgendwelche Bilder die man im Internet findet verwenden darf. Bei Nichtbeachtung verletzt man hier Copyright und muss auch mit Abstrafungen rechnen.

Also sollte man bei der Verwendung fremder Grafiken bzw. Bilder vorsichtig sein und am besten bedient man sich Bild-Datenbanken. Es gibt zahlreiche kostenlose und kostenpflichtige Bild-Datenbanken im Internet. Hier eine Liste mir bekannter Bildarchive:

Kostenpflichtig:

 

kostenlos:

Weiterlesen...
 

Einleitungsbeitrag für Blog bzw. Startseite mt Joomla!

Erst kürzlich wurde ich gefragt, ob es möglich ist, einen Beitrag auf der Startseite (mit dem CMS Joomla!) immer an der 1. Position anzeigen zu lassen, so dass die eigentlichen Beiträge (zB Blog-Einträge) unter diesen neu erscheinen?

Joomla! selbst bietet nicht direkt eine Funktion dazu, man kann dies jedoch mit einem kleinen Umweg erreichen.

Joomla! Startseiten-Beitrag immer an erster Stelle

Am einfachsten ist es, im Template eine Modulposition vor den eigentlichen Content zu positionieren:

...
<div id="inhalt">
//neue Position für den 1. Beitrag
<jdoc:include type="modules" style="xhtml" name="user10" />
//der eigentliche Inhalt
<jdoc:include type="component" />
</div>
...

Der Name der Modulposition kann natürlich frei gewählt werden (in diesem Beispiel user10).

 

Weiterlesen...
 

Inhalt in einem Textfeld durch einen Klick markieren

Möchte man Texte, Codes oder dergleichen in einem Textfeld oder Text-Area ausgeben damit User diese von dort kopieren oder bearbeiten können, kann man diesen Feldern die Funktion geben, dass der Inhalt bei einem einfachen Klick markiert wird.
Hierzu benötigen wir nur folgenden Code:

onClick="this.form.namedesformulars.select(); this.form.namedesformulars.focus()"

Anstelle von namedesformulars wird natürlich der name des input oder textarea Tags eingetragen.

Dies könnte dann folgendermaßen aussehen:

 

Weiterlesen...
 
<< Start < Zurück 1 2 3 4 5 6 7 8 9 10 Weiter > Ende >>

Seite 8 von 12