Beiträge von turbotheo

    Hallo zusammen,
    ich bin neu hier und habe nur sehr wenig HTML Kenntnisse. Folgender Code beinhaltet eine Slideshow mit 4 Bildern, unter dieser Slideshow werden die 4 Bilder jeweils in einer kleinen Version dargestellt, diesen Passus möchte ich löschen, so dass nur die 4 Bilder in der Slideshow erscheinen. Kann mir jemand dabei helfen?

    <center>
    <div class="topline"></div>
    <div class="group section-wrap upper" id="upper">
    <div class="wrap group">
    <div class="section-2 group">
    <ul id="images" class="rs-slider">
    <li class="group">

    <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/1.jpg" alt="1" /></a>
    <div class="rs-caption rs-bottom"><p><a href="<?php if ($this->params->get( 'url1' )) : ?><?php echo ($url1); ?><?php endif; ?>">

    </li>
    <li class="group">


    <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/2.jpg" alt="2" /></a>
    <div class="rs-caption rs-bottom"><p><a href="<?php if ($this->params->get( 'url2' )) : ?><?php echo ($url2); ?><?php endif; ?>"><?php if ($this->params->get( 'slidedesc2' )) : ?><?php echo ($slidedesc2); ?><?php endif; ?></a></p></div>
    </li>
    <li class="group">


    <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/3.jpg" alt="3" /></a>
    <div class="rs-caption rs-bottom"><p><a href="<?php if ($this->params->get( 'url3' )) : ?><?php echo ($url3); ?><?php endif; ?>"><?php if ($this->params->get( 'slidedesc3' )) : ?><?php echo ($slidedesc3); ?><?php endif; ?></a></p></div>
    </li>
    <li class="group">


    <a href="#"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/slideshow/4.jpg" alt="4" /></a>
    <div class="rs-caption rs-bottom"><p><a href="<?php if ($this->params->get( 'url4' )) : ?><?php echo ($url4); ?><?php endif; ?>"><?php if ($this->params->get( 'slidedesc4' )) : ?><?php echo ($slidedesc4); ?><?php endif; ?></a></p></div>
    </li>

    </ul>
    </div> <!-- /.section-2 -->
    </div> <!-- /.wrap -->
    </div> <!-- /#upper -->
    </center>

    - - - Aktualisiert - - -

    Ich glaube das Problem hat sich eher hier versteckt ( ganz unten steht auch was in die Richtung, jedoch verstehe ich nicht, welchen Teil ich löschen soll )

    .rs-wrap:after,
    .rs-slider:after,
    .rs-thumb-wrap:after,
    .rs-arrows:after,
    .rs-caption:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
    }


    /* ===[ Slider ]=== */
    .rs-slide-bg ul {margin:0px;}
    #images ul {margin:0px;}
    .rs-wrap {
    position: relative;
    max-width: 100%;
    }


    .rs-slide-bg { *zoom: 1 }


    .rs-slider > li > a { display: block }


    .rs-slider > li {
    list-style: none;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0 -100% 0 0;
    padding: 0;
    float: left;
    position: relative;
    }


    .rs-slider > li > a {
    padding: 0;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    }


    .rs-slider > li img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -ms-interpolation-mode: bicubic;
    }


    /* ===[ Thumbnails ]=== */


    .rs-thumb-wrap { *zoom: 1 }


    .rs-thumb-wrap > a {
    display: block;
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden; /* Hardware accelerate to prevent jumps on transition */
    }


    .rs-thumb-wrap > a > img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    -ms-interpolation-mode: bicubic;
    }


    .rs-thumb-wrap > a:first-child { margin-left: 0!important }


    /* ===[ Arrows ]=== */


    .rs-arrows .rs-next,
    .rs-arrows .rs-prev { z-index: 1; }


    .rs-arrows:hover .rs-next,
    .rs-arrows:hover .rs-prev { z-index: 2; }
    /* ===[ Captions ]=== */
    .rs-caption {
    position: absolute;
    max-height: 100%;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    }
    .rs-caption p a {color:#fff;}


    .rs-caption.rs-top-left {
    top: 0;
    bottom: auto;
    }


    .rs-caption.rs-top-right {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    }


    .rs-caption.rs-bottom-left {
    bottom: 0;
    left: 0;
    }


    .rs-caption.rs-bottom-right {
    right: 0;
    left: auto;
    border-bottom: none;
    border-right: none;
    }


    .rs-caption.rs-top {
    top: 0;
    bottom: auto;
    width: 100%!important;
    }


    .rs-caption.rs-bottom { width: 100%!important }


    .rs-caption.rs-left {
    top: 0;
    height: 100%;
    }


    .rs-caption.rs-right {
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    }


    /* ===[ Grid ]=== */


    .rs-grid {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: none;
    }


    .rs-gridlet {
    position: absolute;
    opacity: 1;
    }


    /* Optional - remove captions at smaller screen widths
    @media screen and (max-width: 480px) {
    .rs-caption { opacity: 0!important; }
    }
    */