Ergebnis 1 bis 6 von 6

Thema: Imageslider Problem.

  1. #1
    Teeny
    Registriert seit
    06.03.2012
    Ort
    Oldenburg
    Beiträge
    26
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Imageslider Problem.

    Guten Tag liebe Community,

    Mein Problem ist folgendes :

    Ich habe mir den "Jquery Nivo Slider" heruntergeladen und alles nach dieser Anleitung befolgt.
    Es funktioniert auch alle soweit, nur soll der "Nivo Slider" über die gesamte Breite gehen also width:100%;
    Ebenfalls ist dort noch ein Fehler vorhanden da die 2 Beispielbilder sich komisch überlappen.

    Aber seht am besten selbst :

    http://www.my-alina.de/anpassung/1/Sitrion.html

    Hier nochmals die Codes :

    Head:

    Code:
    <link rel="stylesheet" type="text/css" href="Sitrion.css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
    <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
    Body :

    HTML-Code:
    <div id="Headerslider">	<div id="slider" class="nivoSlider">		<img src="images/Sitrio-Beispiel1.png" alt="" />		<img src="images/Sitrio-Beispiel2.png" alt="" />	</div>		<script type="text/javascript">	$(window).load(function() {    $('#slider').nivoSlider({        effect: 'fade', // 'random' oder Übergangseffekte auflisten z.B: 'fold,fade,sliceDown'        animSpeed: 500, // Geschwindigkeit des Übergangseffektes        pauseTime: 5000, // Zeit wie lange jedes Bild angezeigt wird    });});</script></div>
    Css :

    Code:
    /* * jQuery Nivo Slider v2.7.1
     * http://nivo.dev7studios.com
     *
     * Copyright 2011, Gilbert Pellegrom
     * Free to use and abuse under the MIT license.
     * http://www.opensource.org/licenses/mit-license.php
     * 
     * March 2010
     */
     
     
    /* The Nivo Slider styles */
    
    
    .nivoSlider {
    	position:relative;
    	width:100%;
    	height:287px;
    }
    .nivoSlider img {
    	position:absolute;
    	top:0px;
    	left:0px;
    	width:100%;
    	display:none;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    	position:absolute;
    	top:0px;
    	left:0px;
    	width:100%;
    	height:100%;
    	border:0;
    	padding:0;
    	margin:0;
    	z-index:6;
    	display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
    	display:block;
    	position:absolute;
    	z-index:5;
    	height:100%;
    }
    .nivo-box {
    	display:block;
    	position:absolute;
    	z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
    	position:absolute;
    	left:0px;
    	bottom:0px;
    	background:#000;
    	color:#fff;
    	opacity:0.8; /* Overridden by captionOpacity setting */
    	width:100%;
    	z-index:8;
    }
    .nivo-caption p {
    	padding:5px;
    	margin:0;
    }
    .nivo-caption a {
    	display:inline !important;
    }
    .nivo-html-caption {
        display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
    	position:absolute;
    	top:45%;
    	z-index:9;
    	cursor:pointer;
    }
    .nivo-prevNav {
    	left:0px;
    }
    .nivo-nextNav {
    	right:0px;
    }
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {
    	position:relative;
    	z-index:9;
    	cursor:pointer;
    }
    .nivo-controlNav a.active {
    	font-weight:bold;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Imageslider Problem.

    In der Regel ist eine Hilfe für "Fremdprodukte" recht schwierig, deshalb sollte man zuerst einmal bei dem entsprechenden Produkt nach einem Forum Ausschau halten. Siehe http://support.dev7studios.com/discussions/nivo-slider

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    06.03.2012
    Ort
    Oldenburg
    Beiträge
    26
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Imageslider Problem.

    Hmmh kennt den vielleicht sonst wer einen Slider bei dem die Funktion "width:100%;" funktioniert ?
    Beziehungsweise einen guten Slider?

  4. #4
    Bandit
    Gast

    Standard AW: Imageslider Problem.

    War auf "CSS Play" nichts dabei?

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    06.03.2012
    Ort
    Oldenburg
    Beiträge
    26
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Imageslider Problem.

    Also bin jetzt auf ein Tutorial gestoßen wo ich dies selbst erstellen kann


    Nur leider Slidet er die Bilder nicht, tuen tut er aber was schaut selbst :


    http://www.my-alina.de/anpassung/1/Sitrion.html


    Habe auch 2 Beispiel Bilder eingefügt, erkennt dort jemand auf Anhieb einen Fehler meinerseits?

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Imageslider Problem.

    also zum einen wieso glaubst du hat das forum hier einen javascript-bereich?
    und zum anderen: wo haste denn deine bilder hinzugefügt=?
    nix im quelltext, nix im script... wenn du in ein auto einsteigst, dass keinen motor hat wird das bestimmt keine spitzengeschwindigkeiten erreichen!
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. CSS Imageslider
    Von unknownsoldier im Forum Script-Archiv
    Antworten: 7
    Letzter Beitrag: 08.04.2011, 11:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •