Categories

Ausgewählte Vorlagen

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

Kate Daniels Oktober 29, 2015
Rating: 5.0. From 2 votes.
Please wait...

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

JS Animated. Wie man den Link zum Slider «Faded slider» 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):

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

    JS_Animated_How_to_add_link_to_Faded_slider_1
  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
    			});
    			});
    		
    JS_Animated_How_to_add_link_to_Faded_slider_2
  4. Ersetzen Sie

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

    JS_Animated_How_to_add_link_to_Faded_slider_3
  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:

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

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

JS Animated. Wie man den Link zum Slider «Faded slider» hinzufügt
Dieser Eintrag wurde um JS Animated Tutorials geschrieben und Faded, HTML, link, slider markiert. Bookmarken Sie den permalink.

Submit a ticket

Sollte Ihre Frage durch die Tutorials nicht ausreichend beantwortet worden sein, benutzen Sie bitte den folgenden Link, um sich an unser Beratungsteam (Support) zu wenden. Wir bieten Ihnen unsere Hilfe und Unterstutzung an. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten

Online-Chat
We help you to choose the right product.