The Tuts + Leitfaden für Vorlagen-Tags Fünfter Stapel

Im fünften Teil der Serie haben wir die vierte Reihe von WordPress-Vorlagen-Tags durchlaufen. In diesem sechsten Teil werden wir den fünften Stapel der fast 200 Vorlagen-Tags durchgehen. Im gesamten Lernprogramm werden Vorlagen-Tags zu Beiträgen, Seiten und Vorlagenteilen angezeigt.

Automatische Klassen für jeden Beitrag abrufen und anzeigen: get_post_class () & post_class ()

Mit diesen Vorlagen-Tags können Sie zusätzliche Klassen hinzufügen, die im Container jedes Beitrags verwendet werden.

Parameter

Beide Vorlagen-Tags akzeptieren zwei Parameter:

  • $ class (optionale Zeichenfolge):
    Zusätzliche CSS-Klassennamen zum Hinzufügen.
    (Standardeinstellung: leer)
  • $ post_ID (optional-Ganzzahl oder Objekt):
    Die ID des Beitrags.
    (Standard: aktueller Beitrag)

Verwendungszweck

Permanenten Link des aktuellen Beitrags abrufen und anzeigen: get_permalink () & the_permalink ()

Dieses Vorlagen-Tag gibt einen "Permalink" des Beitrags zurück oder zeigt ihn an.

Parameter

the_permalink () akzeptiert keine Parameter, aber get_permalink () akzeptiert zwei Parameter:

  • $ post_ID (optional-Ganzzahl oder Objekt):
    Die ID des Beitrags.
    (Standard: aktueller Beitrag)
  • $ leavename (optional-boolean):
    Ob der Seitenname beibehalten werden soll oder nicht.
    (Standard: FALSCH)

Verwendungszweck

Post-ID abrufen und anzeigen: get_the_ID () & die ID()

Diese Vorlagen-Tags geben die Beitrags-ID zurück.

Parameter

Diese Vorlagen-Tags akzeptieren keine Parameter.

Verwendungszweck

Abrufen und Anzeigen eines Seitentitels für den Beitrag: single_post_title ()

Dieses Vorlagen-Tag gibt den Seitentitel für die Verwendung in Seitentiteln (die Titel, die in den </code> Etikett).</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert zwei Parameter:</p> <ul> <li> <code>$ Präfix</code> <em>(optionale Zeichenfolge)</em>:<br>Präfix zum Titel.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ echo</code> <em>(optional-boolean)</em>:<br>Ob Echo (<code>WAHR</code>) oder zurück (<code>FALSCH</code>) das Tag.<br><em>(Standard: <code>WAHR</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Display the post title with a prefix. single_post_title( __( 'Blog Post', 'translation-domain' ) . ': ' ); // Get the post title. $post_title = single_post_title(", false ); ?></pre> <h2>Den Link des nächsten Beitrags erhalten und anzeigen: <code>get_next_post_link ()</code> & <code>next_post_link ()</code> </h2> <p>Mit diesen Vorlagen-Tags können Sie beispielsweise einen Link zum nächsten Beitrag für Ihre einzelnen Postseiten anzeigen oder anzeigen.</p> <h3>Parameter</h3> <p>Beide Vorlagen-Tags akzeptieren fünf Parameter:</p> <ul> <li> <code>$ format</code> <em>(optionale Zeichenfolge)</em>:<br>Format des Links wo <code>%Verknüpfung</code> ist der <code>$ link</code> Parameter.<br><em>(Standardeinstellung: '% link »')</em> </li> <li> <code>$ link</code> <em>(optionale Zeichenfolge)</em>:<br>Format des Ankertextes wo <code>%Titel</code> ist der Posttitel.<br><em>(Standardeinstellung: '% title')</em> </li> <li> <code>$ in_same_term</code> <em>(optional-boolean)</em>:<br>Gibt an, ob der Link zu einem Beitrag aus demselben Taxonomiebegriff gemacht werden soll.<br><em>(Standard: <code>FALSCH</code>)</em> </li> <li> <code>$ excluded_terms</code> <em>(optionale Zeichenfolge oder Array)</em>:<br>Liste der ausgeschlossenen Begriffe.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ Taxonomie</code> <em>(optionale Zeichenfolge)</em>:<br>Taxonomie, um den nächsten Beitrag zu filtern.<br><em>(Standardeinstellung: 'Kategorie')</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Get the default next post link. $next_post_link = get_next_post_link(); /** * Display the next post link with some adjustments * (different link format, different anchor text and * next post should be in the same category with current post). */ next_post_link( __( 'Next Post', 'translation-domain' ) . ': %link', '% title ', wahr); ?></pre> <h2>Den Link des vorherigen Beitrags erhalten und anzeigen: <code>get_previous_post_link ()</code> & <code>previous_post_link ()</code> </h2> <p>Mit diesen Vorlagen-Tags können Sie beispielsweise einen Link "Vorheriger Beitrag" für Ihre einzelnen Postseiten anzeigen oder anzeigen.</p> <h3>Parameter</h3> <p>Beide Vorlagen-Tags akzeptieren fünf Parameter:</p> <ul> <li> <code>$ format</code> <em>(optionale Zeichenfolge)</em>:<br>Format des Ankertextes der Verknüpfung.<br><em>(Standardeinstellung: '% link »')</em> </li> <li> <code>$ link</code> <em>(optionale Zeichenfolge)</em>:<br>Format des Permalink.<br><em>(Standardeinstellung: '% title')</em> </li> <li> <code>$ in_same_term</code> <em>(optional-boolean)</em>:<br>Gibt an, ob der Link zu einem Beitrag aus demselben Taxonomiebegriff gemacht wird.<br><em>(Standard: <code>FALSCH</code>)</em> </li> <li> <code>$ excluded_terms</code> <em>(optionale Zeichenfolge oder Array)</em>:<br>Liste der ausgeschlossenen Begriffe.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ Taxonomie</code> <em>(optionale Zeichenfolge)</em>:<br>Taxonomie, um den vorherigen Beitrag zu filtern.<br><em>(Standardeinstellung: 'Kategorie')</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Get the default previous post link. $previous_post_link = get_previous_post_link(); /** * Display the previous post link with some adjustments * (different link format, different anchor text and * previous post should be in the same category with current post). */ previous_post_link( __( 'Previous Post', 'translation-domain' ) . ': %link', '% title ', wahr); ?></pre> <h2>Den Permalink einer Seite erhalten: <code>get_page_link ()</code> </h2> <p>Dieses Vorlagen-Tag gibt die Permalink-URL einer bestimmten Seite zurück.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert drei Parameter:</p> <ul> <li> <code>$ post_ID</code> <em>(optional-Ganzzahl oder Objekt)</em>:<br>Die ID des Beitrags.<br><em>(Standard: aktueller Beitrag)</em> </li> <li> <code>$ leavename</code> <em>(optional-boolean)</em>:<br>Ob der Seitenname beibehalten werden soll oder nicht.<br><em>(Standard: <code>FALSCH</code>)</em> </li> <li> <code>$ probe</code> <em>(optional-boolean)</em>:<br>Ob es ein Beispiel für eine Permalink ist.<br><em>(Standard: <code>FALSCH</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Get and print a specific page's link. echo '' . __( 'About', 'translation-domain' ) . ''; ?></pre> <h2>Den Permalink eines Beitrags erhalten und anzeigen: <code>get_post_permalink ()</code> & <code>post_permalink ()</code> </h2> <p>Diese Vorlagen-Tags geben den Permalink des angegebenen Beitrags zurück und zeigen ihn an.</p> <h3>Parameter</h3> <p><code>get_post_permalink ()</code> akzeptiert drei Parameter:</p> <ul> <li> <code>$ post_ID</code> <em>(optional-ganze Zahl)</em>:<br>Die ID des Beitrags.<br><em>(Standard: aktueller Beitrag)</em> </li> <li> <code>$ leavename</code> <em>(optional-boolean)</em>:<br>Ob der Seitenname beibehalten werden soll oder nicht.<br><em>(Standard: <code>FALSCH</code>)</em> </li> <li> <code>$ probe</code> <em>(optional-boolean)</em>:<br>Ob es sich um eine Musterpermalink handelt.<br><em>(Standard: <code>FALSCH</code>)</em> </li> </ul> <p>Und <code>post_permalink ()</code> akzeptiert nur einen Parameter:</p> <ul> <li> <code>$ post_ID</code> <em>(optional-Ganzzahl oder Objekt)</em>:<br>Die ID des Beitrags.<br><em>(Standard: aktueller Beitrag)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Get a specific post's permalink. $special_post_permalink = get_post_permalink( 15 ); // Display current post's permalink. post_permalink(); ?></pre> <h2>Den Shortlink des Beitrags abrufen und anzeigen: <code>wp_get_shortlink ()</code> & <code>the_shortlink ()</code> </h2> <p>Diese Vorlagen-Tags geben einen Kurzlink für Ihre Beiträge zurück oder zeigen diesen an.</p> <h3>Parameter</h3> <p><code>wp_get_shortlink ()</code> akzeptiert drei Parameter:</p> <ul> <li> <code>$ ID</code> <em>(optional-ganze Zahl)</em>:<br>Beitrags- oder Blog-ID.<br><em>(Standard: aktueller Beitrag oder Blog)</em> </li> <li> <code>$ context</code> <em>(optionale Zeichenfolge)</em>:<br>Gibt an, ob die ID eine Blog-ID, eine Beitrags-ID oder eine Medien-ID ist. Sie können "post" (für Blogposts) oder "query" (für jede andere Art) einstellen..<br><em>(Standardeinstellung: 'post')</em> </li> <li> <code>$ allow_slugs</code> <em>(optional-boolean)</em>:<br>Ob Slugs im Shortlink zugelassen werden sollen.<br><em>(Standard: <code>WAHR</code>)</em> </li> </ul> <p>Und <code>the_shortlink ()</code> Template-Tag akzeptiert vier Parameter:</p> <ul> <li> <code>$ text</code> <em>(optionale Zeichenfolge)</em>:<br>Text, der für den Link angezeigt werden soll.<br><em>(Standardeinstellung: "Dies ist der kurze Link")</em> </li> <li> <code>$ title</code> <em>(optionale Zeichenfolge)</em>:<br>Tooltip-Titel für den Link.<br><em>(Standardeinstellung: Leer, wird in bereinigten Posttitel umgewandelt.)</em> </li> <li> <code>$ vorher</code> <em>(optionale Zeichenfolge)</em>:<br>Der Text oder HTML-Code, der vor der Ausgabe angezeigt werden soll.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ nach</code> <em>(optionale Zeichenfolge)</em>:<br>Der Text oder HTML-Code, der nach der Ausgabe angezeigt werden soll.<br><em>(Standardeinstellung: leer)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Get the post shortlink with default options. wp_get_shortlink(); // Display the post shortlink with customized parameters. the_shortlink( __( 'Shortlink', 'translation-domain' ),", ''); ?></pre> <h2>Den Link "Beitrag bearbeiten" abrufen und anzeigen: <code>get_edit_post_link ()</code> & <code>edit_post_link ()</code> </h2> <p>Mit diesen Vorlagen-Tags können Sie einen Link "Diesen Beitrag bearbeiten" abrufen oder als Echo für Ihre Vorlagen verwenden.</p> <h3>Parameter</h3> <p><code>get_edit_post_link ()</code> akzeptiert zwei Parameter:</p> <ul> <li> <code>$ post_ID</code> <em>(optional-ganze Zahl)</em>:<br>Die ID des Beitrags.<br><em>(Standard: aktueller Beitrag)</em> </li> <li> <code>$ context</code> <em>(optionale Zeichenfolge)</em>:<br>Ob die URL mit einem Escape-Code versehen werden soll oder nicht. Verwenden Sie etwas anderes als "Anzeige", um das Kodieren des Links zu verhindern.<br><em>(Standardeinstellung: "Anzeige")</em> </li> </ul> <p>Und <code>edit_post_link ()</code> akzeptiert vier Parameter:</p> <ul> <li> <code>$ text</code> <em>(optionale Zeichenfolge)</em>:<br>Text, der für den Link angezeigt werden soll.<br><em>(Standardeinstellung: 'Edit This')</em> </li> <li> <code>$ vorher</code> <em>(optionale Zeichenfolge)</em>:<br>Der Text oder HTML-Code, der vor der Ausgabe angezeigt werden soll.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ nach</code> <em>(optionale Zeichenfolge)</em>:<br>Der Text oder HTML-Code, der nach der Ausgabe angezeigt werden soll.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ post_ID</code> <em>(optional-ganze Zahl)</em>:<br>Die ID des Beitrags.<br><em>(Standard: aktueller Beitrag)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Retrieve the current post's "edit post" link. $edit_post_link = get_edit_post_link(); // Retrieve a specific post's "edit post" link. $edit_post_link = get_edit_post_link( 157 ); // Display the current post's "edit post" link. edit_post_link( __( 'Edit', 'translation-domain' ),", ''); // Zeigt den Link "Beitrag bearbeiten" eines bestimmten Beitrags an. edit_post_link (__ ('Bearbeiten', 'Übersetzungsdomäne'), ",", 157); ?></pre> <h2>Den Link "Beitrag löschen" erhalten: <code>get_delete_post_link ()</code> </h2> <p>Mit diesem Vorlagen-Tag können Sie in Ihren Vorlagen einen Link "Diesen Beitrag löschen" verwenden.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert drei Parameter:</p> <ul> <li> <code>$ post_ID</code> <em>(optional-ganze Zahl)</em>:<br>Die ID des Beitrags.<br><em>(Standardeinstellung: ID des aktuellen Beitrags.)</em> </li> <li> <code>$ veraltet</code> <em>(veraltete Zeichenfolge)</em>:<br>Dieser Parameter ist veraltet, übergeben Sie ihn leer.<br><em>(Standardeinstellung: leer)</em> </li> <li> <code>$ force_delete</code> <em>(optional-boolean)</em>:<br>Ob vollständig gelöscht werden soll, ohne den Kommentar an den Papierkorb zu senden.<br><em>(Standard: <code>FALSCH</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Get and echo the "trash" link of the current post. echo get_delete_post_link(); // Get and echo the "force delete" link of the current post. echo get_delete_post_link( $post->ID ", wahr);?></pre> <h2>Permalink "Anker" für den aktuellen Beitrag anzeigen: <code>permalink_anchor ()</code> </h2> <p>Dieses Vorlagen-Tag zeigt eine Permalink-Anker-ID für einen Beitrag an. Überprüfen Sie das Beispiel für weitere Erklärungen.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert nur einen Parameter:</p> <ul> <li> <code>$ -Modus</code> <em>(optionale Zeichenfolge)</em>:<br>Ob das eingestellt werden soll <code>Ich würde</code> Parameter des <code><a></code> Tag mit dem Beitragstitel ('title') oder Beitrags-ID ('id' oder einem anderen Text).<br><em>(Standardeinstellung: 'id')</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Display a permalink anchor with its title. permalink_anchor( 'title' ); // It outputs as follows: // <a> // Einen Permalink-Anker mit seiner ID anzeigen. permalink_anchor (); permalink_anchor ('id'); // Beide Funktionen werden wie folgt ausgegeben: // <a> ?></pre> <h2>Header-Vorlage laden: <code>get_header ()</code> </h2> <p>Mit diesem bekannten Template-Tag können Sie eine externe PHP-Datei eines Headers laden.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert nur einen Parameter:</p> <ul> <li> <code>$ name</code> <em>(optionale Zeichenfolge)</em>:<br>Name der Headerdatei (<code>header - $ name .php</code>).<br><em>(Standard: Leer, was geladen wird <code>header.php</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Load header.php. get_header(); // Load header-special.php. get_header( 'special' ); ?></pre> <h2>Laden der Fußzeilenvorlage: <code>get_footer ()</code> </h2> <p>Mit diesem häufig verwendeten Vorlagen-Tag können Sie eine externe PHP-Datei einer Fußzeile laden.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert nur einen Parameter:</p> <ul> <li> <code>$ name</code> <em>(optionale Zeichenfolge)</em>:<br>Name der Fußzeilendatei (<code>Fußzeile - $ name .php</code>).<br><em>(Standard: Leer, was geladen wird <code>footer.php</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Load footer.php. get_footer(); // Load footer-special.php. get_footer( 'special' ); ?></pre> <h2>Laden der Seitenleistenvorlage: <code>get_sidebar ()</code> </h2> <p>Mit diesem beliebten Template-Tag können Sie eine externe PHP-Datei einer Sidebar laden.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert nur einen Parameter:</p> <ul> <li> <code>$ name</code> <em>(optionale Zeichenfolge)</em>:<br>Name der Sidebar-Datei (<code>Seitenleiste - $ name .php</code>).<br><em>(Standard: Leer, was geladen wird <code>sidebar.php</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Load sidebar.php. get_sidebar(); // Load sidebar-special.php. get_sidebar( 'special' ); ?></pre> <h2>Laden einer Vorlagendatei: <code>get_template_part ()</code> </h2> <p>Mit diesem Vorlagen-Tag können Sie eine externe PHP-Datei in Ihre Designordner laden.</p> <h3>Parameter</h3> <p>Dieses Vorlagen-Tag akzeptiert zwei Parameter:</p> <ul> <li> <code>$ slug</code> <em>(erforderliche Zeichenfolge)</em>:<br>Der Slug des Dateinamens der Vorlage.<br><em>(Standard: <code>NULL</code>)</em> </li> <li> <code>$ name</code> <em>(optionale Zeichenfolge)</em>:<br>Der benutzerdefinierte Name, der an den Dateinamen angehängt wird, mit einem Bindestrich.<br><em>(Standard: <code>NULL</code>)</em> </li> </ul> <h3>Verwendungszweck</h3> <pre><?php // Load shortcodes.php. get_template_part( 'shortcodes' ); // Load a content part dynamically (e.g. content-1.php, content-2.php or content-3.php). $number = some_function(); get_template_part( 'content', $number ); ?></pre> <h2>Fazit</h2> <p>Ich hoffe, Ihnen hat dieser fünfte Stapel von Vorlagen-Tags gefallen. Es gibt noch drei weitere Stapel, also bleiben Sie dran für weitere Vorlagen-Tags!</p> <p>Wenn Sie Fragen, Kommentare oder Korrekturen haben, können Sie uns im Abschnitt Kommentare Ihre Meinung mitteilen. Und wenn Ihnen der Artikel gefallen hat, vergessen Sie nicht, ihn mit Ihren Freunden zu teilen!</p> <div class="rek-block"> <center> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-3810161443300697" data-ad-slot="9434875811"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center> </div> <div class="h-alltags"> <a href="articles/code">Code</a> </div> </div> </div> </div> </div> <div class="next_posts clearfix"> <div class="n_post"> <div class="next_posts-h1 left_nh1"><a href="/articles/code/the-tuts-guide-to-template-tags-first-batch.html">Der Tuts + Leitfaden für Vorlagen-Tags Erste Charge</a></div> <div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_11/the-tuts-guide-to-template-tags-first-batch.png');"></div> </div> <div class="n_post"> <div class="next_posts-h1 right_nh1"><a href="/articles/code/the-tuts-guide-to-template-tags-eighth-batch.html">The Tuts + Leitfaden für Vorlagen-Tags Achte Charge</a></div> <div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_10/the-tuts-guide-to-template-tags-eighth-batch.png');"></div> </div> </div> <footer> <div class="container"> <div class="footer-langs"> <ul class="site-langs-list"> <li><a href="https://www.accentsconagua.com"><i class="flag flag-DE"></i>Deutsch</a></li> <li><a href="https://fr.accentsconagua.com"><i class="flag flag-FR"></i>Français</a></li> <li><a href="https://nl.accentsconagua.com"><i class="flag flag-NL"></i>Nederlands</a></li> <li><a href="https://no.accentsconagua.com"><i class="flag flag-NO"></i>Norsk</a></li> <li><a href="https://sv.accentsconagua.com"><i class="flag flag-SE"></i>Svenska</a></li> <li><a href="https://it.accentsconagua.com"><i class="flag flag-IT"></i>Italiano</a></li> <li><a href="https://es.accentsconagua.com"><i class="flag flag-ES"></i>Español</a></li> <li><a href="https://ro.accentsconagua.com"><i class="flag flag-RO"></i>Românesc</a></li> </ul> </div> <div class="h-block"><a href="/">accentsconagua.com</a><div class="h-block-a"></div></div> <div class="footer-text"> Interessante Informationen und nützliche Tipps zur Programmierung. Website-Entwicklung, Webdesign und Webentwicklung. Photoshop-Tutorials. Erstellung von Computerspielen und mobilen Anwendungen. Werden Sie von Grund auf professioneller Programmierer. </div> </div> </footer> <div class="search"> <img class="searchico" src="//accentsconagua.com/img/search.svg" alt=""> </div> <div class="modal"> <div class="modal-content"> <span class="close-button">×</span> <input class="searchmain" type="text" id="search-input" placeholder="Suche..."> <ul class="searchli" id="results-container"></ul> </div> </div> <link rel="stylesheet" href="css/flags.css"> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="js/scripts.min.js"></script> <script src="js/common.js"></script> <link rel="stylesheet" href="css/fontawesome-all.min.css"> <script> var modal = document.querySelector(".modal"); var trigger = document.querySelector(".search"); var closeButton = document.querySelector(".close-button"); function toggleModal() { modal.classList.toggle("show-modal"); } function windowOnClick(event) { if (event.target === modal) { toggleModal(); } } trigger.addEventListener("click", toggleModal); closeButton.addEventListener("click", toggleModal); window.addEventListener("click", windowOnClick); </script> <script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script> <script> SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}">{title}</a></li>' }) </script> <script src="jquery.unveil2.min.js"></script> <script> $('img').unveil(); </script> </body> </html>