JS Animated. Wie man den Link zum Slider «Faded slider» hinzufügt

Das jeweilige Tutorial zeigt, wie man den Link zum Slider «Faded slider» in der JS-animierten Vorlage hinzufügt.

Beim Drücken aufs Bild wird der Slider normalerweise das nächste Slide angezeigt. Sie haben keine Möglichkeit benutzerdefinierte Links zu Slides hinzuzufügen.

1. Loggen Sie sich ins Hosting Control Panel (cPanel) ein und öffnen Sie Dateimanager (File manager):

   

2. Öffnen Sie den Stammordner Ihrer Website und finden Sie die Datei index.html , drücken Sie auf den Button Bearbeiten (Edit):

   

3. Scrollen Sie nach unten und finden Sie den folgenden Teil des Codes:

   			$(function(){
   			$("#faded").faded({
   			speed: 1200,
   			crossfade: true,
   			bigtarget: true,
   			autoplay: 4800,
   			autorestart: 1200,
   			autopagination: true
   			});
   			});
   		

   

4. Ersetzen Sie

   bigtarget: true, durch bigtarget: false,

5. Drücken Sie auf den Button «Speichern», um die Änderungen zu speichern:

   

6. Danach finden Sie in dieser Datei den Code für den Slider «faded slider», zum Beispiel:

   			<div id="faded">
   			<div class="rap">
   			<img src="images/img1.jpg" alt="" width="675" height="400" />
   			<img src="images/img2.jpg" alt="" width="675" height="400" />
   			<img src="images/img3.jpg" alt="" width="675" height="400" />
   			<img src="images/img4.jpg" alt="" width="675" height="400" />
   			<img src="images/img5.jpg" alt="" width="675" height="400" />
   			</div> 
   			</div>
   		

7. Laden Sie uns den Link zum ersten Slide hinzufügen. Sie sollen den Link hinzufügen, indem Sie Tag href , wie unten, nutzen:

   			<a href="http://google.com/"><img src="images/img1.jpg" alt="" width="675" height="400" />
   			</a>
   		

8. Geben Sie den notwendigen Link ein und drücken Sie auf den Button Speichern (Save), um die Änderungen zu speichern. Genauso können Sie Links zu anderen Slides hinzufügen:

   

9. Aktualisieren Sie Ihre Website, um sich die Änderungen anzuschauen.

Sie können auch das ausführliche Video-Tutorial nutzen: