Beiträge von Martin111

  • iquery nivo slider / Effekt definieren

    Hallo zusammen,
    Bei meinem Template ist in der Header.php eine Slideshow definiert, die wunderbar mit Fade-in und Fade-out funktioniert. Allerdings möchte ich jetzt den Effekt ändern mit: effect: 'sliceDown',
    Egal welchen Effekt ich festlege, es passiert einfach nichts. Hat jemand vielleicht eine Idee?
    Gruss, Martin 111


    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/nivo-slider.css" type="text/css" media="screen" />
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.nivo.slider.js"></script>
    </head>
    <body>
    <?php $shortname = "vertical"; ?>
    <script type="text/javascript">
    $(window).load(function() {
    $('#slider').nivoSlider({
    effect: 'sliceDown', // Specify sets like: 'fold,fade,sliceDown'
    pauseTime: <?php if(get_option($shortname.'_slideshow_timeout','5000') == '') { echo '5000'; } else { echo stripslashes(stripslashes(get_option($shortname.'_slideshow_timeout','5000'))); } ?>,
    controlNav: false
    });
    });

    var intervalID;

    function slideSwitch() {
    var $active = $('#slideshow a.active');

    if ( $active.length == 0 ) $active = $('#slideshow a:last');

    var $next = $active.next().length ? $active.next()
    : $('#slideshow a:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 4000, function() {
    $active.removeClass('active last-active');
    });
    clearInterval(intervalID);
    intervalID = setInterval( "slideSwitch()", 5000 );
    }

    function slideSwitch_prev() {
    var $active = $('#slideshow a.active');

    if ( $active.length == 0 ) $active = $('#slideshow a:first');

    var $next = $active.prev().length ? $active.prev() : $('#slideshow a:last');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 1000, function() {
    $active.removeClass('active last-active');
    });
    clearInterval(intervalID);
    intervalID = setInterval( "slideSwitch()", 5000 );
    }

    $(function() {
    intervalID = setInterval( "slideSwitch()", 5000 );
    });
    </script>

  • Header-Slideshow auf Startseite anpassen

    Nach langem stundelangem Stöbern und Ausprobieren möchte ich mich an euch wenden, da ich einfach nicht mehr weiter weiss und auf Hilfe angewiesen bin. Auf meiner Startseite (HOME) habe ich eine Slideshow, die auch wunderbar funktioniert. Aber: leider lassen sich die Bilder als Slideshow nur über die Beitragsbilder einiger Beiträge einfügen, was ich nicht machen möchte. Mir wäre es lieber, wenn ich in der index.php den Pfad der drei Bilder gleich angeben kann. Nur die Frage ist, wo muss ich dies machen? Ich vermute, dass ich dies im Slideshow-Container irgendwo eingeben muss. Hat jemand eine Ahnung? Bin für jeden hilfreichen Tipp sehr dankbar. Gruss Martin111

    PHP
    <?php if(get_option($shortname.'_disable_slideshow','') != "Yes") { ?>    <div id="slider_container">      <div id="slideshow">             <?php          $slider_arr = array();          $args = array(                       //'category_name' => 'blog',                       'post_type' => 'post',                       'meta_key' => 'ex_show_in_slideshow',                       'meta_value' => 'Yes',                       'posts_per_page' => 10                       //'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),                       );          query_posts($args);          $y = 0;          while (have_posts()) : the_post(); ?>                    <? //php if($y == 0) { ?>          <!-- a href="<?php the_permalink(); ?>" class="active"-->          <?php //} else { ?>          <a href="http://testseite.com/">          <?php //} ?>                    <?php the_post_thumbnail('featured-slideshow',array('alt' => '', 'class' => 'slide_img', 'title' => '')); ?></a>                    <?php array_push($slider_arr,get_the_ID()); ?>          <?php $y++; ?>          <?php endwhile; ?>          <?php wp_reset_query(); ?>          <!--              <img src="<?php //bloginfo('stylesheet_directory'); ?>/images/slider.png" alt="" />              <img src="<?php //bloginfo('stylesheet_directory'); ?>/images/slider.png" alt="" />              <img src="<?php //bloginfo('stylesheet_directory'); ?>/images/slider.png" alt="" />-->      </div><!--//slideshow-->      <a href="javascript:void(0)" onclick="slideSwitch_prev()" style="display: block;"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/slide-prev.png" class="slide_prev" /></a>      <a href="javascript:void(0)" onclick="slideSwitch()" style="display: block;"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/slide-next.png" class="slide_next" /></a>                </div><!--//slider_container-->        <?php } ?>