Slider-Probleme

kidow_88

Hallo ihr,

ich bin noch sehr neu bei Wordpress und hab ein Problem bei dem ich nicht weiterkomme.

Also ich habe zur Zeit eine Seite, die auf der Grundlage des Amaris 1.0 Themes läuft. Auf der Index-Seite ist ein Featured-Slider vorhanden, der eine Art Slideshow von Artikeln macht. Der funktioniert auch erstmal wunderbar. das Problem ist jetzt, dass ich gerne irgendwo auf der Seite mit einem Plugin arbeiten würde, welches eine Slideshow von Bildern ermöglicht, wie z.b. das NextGEN Gallery Plugin. Installier ich dieses Plugin und aktiviere es, funktioniert prompt der Slider auf der Index-Seite nicht mehr. Das passiert nicht nur beim NextGEN, sondern auch bei GPP Slideshow und diversen anderen.

Kann mir jemand von euch helfen? Hätte gern den Slider auf der Anfangsseite und die Möglichkeit eine Bildergalerie anlegen zu können.

Danke euch schon mal im Vorraus!

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

cebito

Auf welchem JS-Framework basiert denn dein Slider? NGG benutzt jQuery. Vielleicht hilft dir noConflict ja weiter... http://docs.jquery.com/Using_jQuery_with_Other_Libraries

kidow_88

Hallo danke für die schnelle Antwort. Das Theme, welches ich nutze, nutzt auch jQuery. Ich versteh nicht ganz wieso ich dann Probleme bekommen mit der NextGenGallery?

cebito

Ohne Link zum Problem wird das hier nur ne Ratestunde.

kidow_88

Oh ja klar. Sorry!

http://www.balianfilms.de/

Hab momentan die NextGen aktiviert und deshalb geht der Slider auf der Home seite halt nicht.

cebito

In deiner custom.js setzt du autoHeight auf true, hier steht aber was anderes

Zitat

autoHeight: 0, //[COLOR=Red]Set to positive number for true.[/COLOR] [COLOR=Green]This number will be the speed of the animation.[/COLOR]

Wenn du das berichtigt hast schauen wir noch mal.

kidow_88

Vielen Dank für die Antwort, ich habs gerad mit einer 0 und einer 1 als AutoHeight-Wert versucht, ändert leider beides nichts.

cebito

Ich seh es, aber genau in der Zeile bricht die Scriptverarbeitung ab, wenn ich im Firebug einen Haltepunkt setze seh ich es. Vielleicht nimmst du die Zeile mal ganz raus.

kidow_88

Ändert sich leider nichts.

codestyling

Das Problem ist die Ladereihenfolge und das doppelte Laden der gleichen jQuery Bibliothek. Hier die Reihenfolge:

Code

.../wordpress/wp-content/themes/Amaris/js/jquery.min.js
.../wordpress/wp-content/themes/Amaris/js/loopedslider.js
.../wordpress/wp-content/themes/Amaris/js/custom.js
.../wordpress/wp-content/themes/Amaris/js/jqueryslidemenu.js
.../wordpress/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.0
.../wordpress/wp-includes/js/jquery/jquery.js?ver=1.4.2

Da das Theme zuerst seine Version von jQuery als Erstes laden lässt, "registrieren" sich alle Erweiterungen für jQuery in die Version vom Theme. Zum Abschluß wird dann eine jQuery Version geladen, die WordPress mitbringt (korrekt von NGG programmiert) und überschreibt die zuvor geladene Version. Damit sind alle Erweiterungen nicht mehr in jQuery vorhanden, weswegen es letztlich auch den

Code

/*---------- loopedSlider ----------*/


jQuery(window).load(function(){
    jQuery("#loopedSlider").loopedSlider({
        autoStart: 5000, 
        slidespeed: 500, 
    });
});

loopSlider als Erweiterung nicht mehr gibt, was die Fehlermeldung auch aussagt:

Code

jQuery("#loopedSlider").[I][B]loopedSlider [/B][/I]is not a function

Das Theme sollte jQuery per wp_enqueue_script() direkt von WordPress benutzen, und das Problem ist gegessen. Das sollte man dem Theme Author mitteilen, denn dieser sollte sein Theme schleunigst reparieren.

cebito

Das Problem ist glaub ich, das du mit der NGG nochmal jQuery lädst. Entweder du nimmst das dort oder beim Slider raus, und rufst die ganzen JS erst nach dem EINMALIGEN Einbinden von jQuery auf.

kidow_88

Hey danke für die Antwort. Ich bin noch relativ neu, deshalb komm ich leider nicht so schnell hinterher und steh irgendwie gerad auf dem Schlauch. Also meine Aufgabe wäre es jetzt die Ladereihenfolge zu ändern, richtig oder?

Meine Header.php sieht zur Zeit so aus. Finde leider die Stelle nicht an der sich nextGen lädt. Oder such ich gerad an der falschen Stelle. Sorry wenns ne doofe Frage ist, aber ich bin noch ziemlich neu

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />    
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->


    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css' />
            
    <?php //Shortcut Icon
    if ( get_option('eted_shortcut_icon') <> "") {?><link rel="shortcut icon" href="<?php echo get_option('eted_shortcut_icon');?>" /><?php } ?>


    <?php //Custom CSS 
    if ( get_option('eted_custom_css') <> "") {$customcss = get_option('eted_custom_css');?><style><?php echo stripslashes($customcss);?></style><?php } ?>
    
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


    <!--[if IE 6]>
    <style>
        #loopedSlider .featured-navi { width: 322px; }
        #loopedSlider ul.pagination li a { width: 282px; }
    </style>
    
    <script src="<?php bloginfo('template_directory'); ?>/js/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>
        DD_belatedPNG.fix('*');
    </script>
    <![endif]-->


    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.min.js"></script>
       <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/loopedslider.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/custom.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jqueryslidemenu.js"></script>
    


         
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>


    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>    
        
    <?php wp_head(); ?>
    
</head>


<body>
<div class="wrapper">
    
    <!-- BEGIN HEADER -->
    <div id="header">
    <div id="header-inner" class="clearfix">


        <div id="logo">
        <a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); ?>">
            <?php if(get_option('eted_logo')) : ?>
                <img src="<?php echo stripslashes(get_option('eted_logo')); ?>" alt="<?php bloginfo('name'); ?>" />
            <?php else : ?>
                <img src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" />
            <?php endif; ?>
        </a>    
        </div>
        <?php if (get_option('eted_activate_banner_top' ) =='true' ) {include(TEMPLATEPATH . '/includes/banner-top.php'); } ?>            
            
    </div> <!-- end div #header-inner -->
    </div> <!-- end div #header -->


    <!-- END HEADER -->


    <!-- BEGIN TOP NAVIGATION -->        
    <div id="top-nav"> 
    <div id="top-nav-inner" class="clearfix">


        <div id="myslidemenu" class="jqueryslidemenu transparent_class clearfix">
            <?php
            if (function_exists('wp_nav_menu')) {
                wp_nav_menu(array('container' => '', 'theme_location' => 'wpj-main-menu', 'fallback_cb' => 'wpj_default_menu'));
            }
            else {
                wpj_default_menu();
            }
            ?>
        </div> <!-- end div #myslidemenu -->
        <div id="search"><?php include (TEMPLATEPATH . '/includes/searchform.php'); ?></div>


    </div> <!-- end div #top-nav-inner -->
    </div> <!-- end div #top-nav -->
    <!-- END TOP NAVIGATION -->

Alles anzeigen

codestyling

Da ich weiss, dass NGG korrekt programmiert ist, was die jQuery Einbindung angeht, ist es Aufgabe des Themes, das zu korrigieren. Wie bereits hier von mir beschrieben: http://forum.wordpress-deutschland.org/design/85816-s…html#post387229

kidow_88

Zitat

Das Theme sollte jQuery per wp_enqueue_script() direkt von WordPress benutzen, und das Problem ist gegessen. Das sollte man dem Theme Author mitteilen, denn dieser sollte sein Theme schleunigst reparieren.

Guti okay. Gibs ne Möglichkeit wie ich das selber machen könnte?

EDIT: Okay ich versuchs gerad auf die Weise:

PHP

<?php wp_enqueue_script('jquery', '/wp-content/themes/Amaris/js/jquery.min.js',);?>
    <?php wp_enqueue_script('loopedslider', '/wp-content/themes/Amaris/js/loopedslider.js');?>
    <?php wp_enqueue_script('jqueryslidemenu', '/wp-content/themes/Amaris/js/jqueryslidemenu.js');?>
    <?php wp_enqueue_script('custom', '/wp-content/themes/Amaris/js/custom.js');?>

Funktioniert leider nicht. Was mach ich falsch?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Slider-Probleme

Jetzt mitmachen!