jQuery Sliedshow im header.php Theme TwentyTen einbinden!

100oktan

Hallo Leute!

Ich wollte den [FONT=&quot]3Slider jQuery plugin[/FONT][FONT=&quot]im Header vom TwentyTen einbinden.[/FONT]
[FONT=&quot]Dachte mir, dass ich das im Header vom TwentyTen leicht einbinden kann. Im Header hab ich wie gefolgt die Javaeinbinung geschrieben:[/FONT]

PHP

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 4000 
        });
    });
</script>
<title><?php

Alles anzeigen

Zwischen

PHP

</div><!-- #branding -->

und

PHP

<div id="access" role="navigation">

wurden die XHTML eingetragen:

PHP

<h2>Example 2</h2>
    <p>This show the layer appears from left or right.</p>
    <div id="slider1">
        <ul id="slider1Content">
            <li class="slider1Image">
                <a href=""><img src="example_images/wide/1.jpg" alt="1" /></a>
                <span class="left"><strong>Title text 1</strong><br />Content text...</span></li>
            <li class="slider1Image">
                <a href=""><img src="example_images/wide/2.jpg" alt="2" /></a>
                <span class="right"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span></li>
            <li class="slider1Image">
                <img src="example_images/wide/3.jpg" alt="3" />
                <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
            <li class="slider1Image">
                <img src="example_images/wide/4.jpg" alt="4" />
                <span class="left"><strong>Title text 2</strong><br />Content text...</span></li>
            <li class="slider1Image">
                <img src="example_images/wide/5.jpg" alt="5" />
                <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
            <div class="clear slider1Image"></div>
        </ul>
    </div>

Alles anzeigen

Wenn ich nun auf die Frontend gehe bleibt der Header leer. Wenn ich aber den Plugin Lightbox2 deaktiviere dann geht es nur auf der index-Seite. Auf den anderen Seiten gehts nicht.

Was mach ich da falsch?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

Zitat von 100oktan

Wenn ich aber den Plugin Lightbox2 deaktiviere dann geht es nur auf der index-Seite.

Schau mal in den Einstellungen oder Readme der Box nach "jQuery Conflict"
Bei manchen, kann man durch einen Haken die Scripte in Footer legen.
Oder suche mal über Google nach "Lightbox jQuery Conflict", da findest du Lösungen

Zitat von 100oktan

geht es nur auf der index-Seite. Auf den anderen Seiten gehts nicht.

Wenn es auf der Index funktioniert und auf anderen Seiten nicht, liegt es am Bild-Pfad.
hier einfach den vollen Pfad angeben

Code

[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000BB]img src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"example_images/wide/3.jpg" [/COLOR][COLOR=#0000BB]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"3" [/COLOR][COLOR=#007700]/>[/COLOR][/COLOR]

also z.B.

Code

[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000BB]img src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"http://www.deineseite.de/wp-content/themes/example_images/wide/3.jpg" [/COLOR][COLOR=#0000BB]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#DD0000]"3" [/COLOR][COLOR=#007700]/>[/COLOR][/COLOR]

100oktan

Danke für dein Tipp! Hab das Problem so lösen können:

Alt:

PHP

<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 4000 
        });
    });
</script>

Konfliktlösung:

PHP

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://xxx/xxx/s3Slider.js"></script>
<script type="text/javascript">
    var $j = jQuery.noConflict();
     $j('document').ready(function()  {
        $j('#slider1').s3Slider({
            timeOut: 4000 
        });
    });
</script>

Bild-Pfad wurden auch angepasst!

Danke nochmals!:mrgreen::mrgreen::mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

jQuery Sliedshow im header.php Theme TwentyTen einbinden!

Jetzt mitmachen!