Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.02.2013 um 08:39 (UTC)    
Titel: Mehrere Fotos in Einem - Automatischer Wechsel

Habe mal eine Frage.

Hätte gerne auf meiner Startseite ein Bild das automatisch (nach ca. 3 Sekunde) auf ein anderes Bild wechselt.

Beispielsweise von einem Herbstbild auf ein Winterbild und vom Winterbild auf ein Frühlingsbild....usw...

Kann man das machen?

Wäre echt super wenn mir jemand helfen könnte.

Sorry für den "komischen" Thementitel, wusste nicht wie ich das schreiben soll:-P Glaube, dass es hierfür einen Fachbegriff gibt....dieser fällt mir grade nicht ein...
Beitrag19.02.2013 um 08:44 (UTC)    
Titel:

du meinst eine Slideshow Wink

schau mal hier, da kannste dir sowas selber basteln

Arrow www.picturetrail.com

oder gib mal bei google einfach "Slideshow" ein
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur


Zuletzt bearbeitet von klein-paris am 19.02.2013, 10:13, insgesamt einmal bearbeitet
Beitrag19.02.2013 um 08:54 (UTC)    
Titel:

Ja fast......

Nur bräuchte ich das nicht ganz so "verspielt" einfach mit nem weichen Übergang....
Beitrag19.02.2013 um 09:15 (UTC)    
Titel:

das kann man da ja alles einstellen

oder wie schon erwähnt, mal schlau machen - bitteschön

Arrow http://www.google.de/#hl=de&gs_rn=3&gs_ri=psy-ab&cp=8&gs_id=5n&xhr=t&q=slideshow&es_nrs=true&pf=p&tbo=d&sclient=psy-ab&oq=slidesho&gs_l=&pbx=1&bav=on.2,or.r_gc.r_pw.r_qf.&bvm=bv.42553238,d.Yms&fp=b308fdb63d7735e7&biw=1280&bih=875

Arrow http://mypicpals.com/

Arrow http://www.kizoa.de/Fotos-Bearbeiten
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur


Zuletzt bearbeitet von klein-paris am 19.02.2013, 10:20, insgesamt 4-mal bearbeitet
Beitrag19.02.2013 um 09:21 (UTC)    
Titel:

Hallo,
bei HpBk-TemplateWorld gibt es eine schöne Slideshow:

http://hpbk-templateworld.de.tl/Slideshow.htm

Grüße
______________
Floorball is life, the rest is just detail!
Beitrag19.02.2013 um 09:42 (UTC)    
Titel:

Cooool Dankeschön für eure Hilfe Mr. Green

Vielen Dank Very Happy
Beitrag19.02.2013 um 10:23 (UTC)    
Titel:

floorball-tetenbuell hat Folgendes geschrieben:
Hallo,bei HpBk-TemplateWorld gibt es eine schöne Slideshow:

@floorball - ja die sind wirklich schön, kannte ich noch garnicht-habs mir gleich mal in die Favoriten gespeichert Wink
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag19.02.2013 um 21:20 (UTC)    
Titel:

@floorball:

Vielen Dank nochmals für den Tipp mit der tollen Slideshow.....

Habe jetzt gerade versucht die CSS/Java Codes in meiner Testseite (Design Clean) einzufügen.....Nur es hat nicht geklappt, da ich beim ersten und dritten Schritt jeweils nicht wusste wo ich genau des Code unterbringe, da es beim Clean Design beispielsweise den Punkt "CSS Code ohne Style Tags" gar nicht gibt unter welchem auch ein Code eingefügt werden soll??

Vielen Dank schon mal für deine Hilfe Very Happy
Beitrag19.02.2013 um 21:25 (UTC)    
Titel:

Das ist kein Problem:

wenn du den Slider auf nur einer Seite einfügen möchtest, dann schreibe ganz oben im Quelltext auf der Seite folgendes:

<style type="text/css">
<!--

.slideshow {
width: 540px;
height: 395px;
margin: 30px auto;
}
.slideshow img {
padding: 20px;
background: #transparent;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

//-->
</style>


Wenn du das ganze auf mehreren Seite einfügen möchtest, dann empfehle ich dir diesen Code beim Text über dem Design einzubauen.

Grüße
______________
Floorball is life, the rest is just detail!
Beitrag19.02.2013 um 21:48 (UTC)    
Titel:

Vielen Dank werde es dann morgen probieren Very Happy
Beitrag19.02.2013 um 21:54 (UTC)    
Titel:

Habs doch schon probiert, aber nur Testweise....siehe da es hat geklappt. Voll genial so...

Kann man unten links die Zahlen für die Bilder auch noch entfernen??
Da steht bei mir 1 2 3 zum Auswählen der einzelnen Bilder..
Beitrag20.02.2013 um 07:18 (UTC)    
Titel:

Hey,
schicke mir dazu mal einen Link, sonst kann ich nicht einsehen, was genau du meinst Wink
Grüße
______________
Floorball is life, the rest is just detail!
Beitrag23.02.2013 um 01:12 (UTC)    
Titel:

...ich nehme einfach diesen Slideshow-Thread wieder auf...

Hallo zusammen,

ich bin auf der Suche nach dem Slideshow-Code von der Seite:

http://floorball-tetenbuell.de/

Genau so habe ich mir eine Slideshow vorgestellt.

Könnte mir jeman beim Coden helfen? Ich habe hier meinen bislang vorhandenen Code und es würde mich total freuen, wenn mir jemand zur Seite steht.

Vielleicht sogar der Webmaster selbst der o.g. Seite?

<link type="text/css" rel="stylesheet" href="http://philipp7.bplaced.net/carousel/theatre.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://philipp7.bplaced.net/carousel/jquery.theatre-1.0.js" type="text/javascript"></script> <style type="text/css">
<style type="text/css">
<!--
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}
#main h1 {
color: #FFFFFF;
font-size: 15px;
padding-left: 15px;
background-color: #262626;
border: 1px solid #AAAAAA;
}

/* Aussehen neue Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 20px;
margin: 0px 0px 20px 0px;
background-color: #262626;
border: 1px solid #c9c9c9;
overflow: hidden;
}

/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #262626;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 225px;
padding-left: 10px;
box-shadow: 3px 5px 10px 5px #bbb;
}
#sidebar {
width: 170px !important;
padding: 10px 0px 0px 0px !important; }
#main { width: 700px !important; }
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #262626;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 170px;
padding-left: 10px;
box-shadow: 3px 5px 10px 5px #bbb;
}
/* Newsfeld - Breite - Abstand - Hintergrundfarbe */
.c_news {
width: 95%;
margin: 10px 0px 30px 0px;
padding: 10px;
overflow: hidden;
box-shadow: 3px 3px 10px 3px #c9c9c9;
border: 1px solid #DDDDDD;
background-color: #EEEEEE;
}

/* Grafik */
img.c_pic {
width: 100px !important;
float: left;
margin-right: 20px;
}

.c_right {overflow: hidden;}

/* Eigenschaften für Titel */
.c_right h3 {
font-weight: bold;
border-bottom: 1px dotted #666666;
color: #343434;
padding-right: 5px;
margin: 0px 0px 5px 0px;
}

/* Eigenschaften für Datum */
.c_right h3 span {
float: right;
display: block;
color: #666666;
font-weight: normal;
font-size: 12px;
}

/* Eigenschaften Infotext */
.c_text {
font-size: 12px;
font-family: arial;
}

/* Eigenschaften Linktext */
.c_text a{
float: right;
display: block;
margin-top: 5px;
}
#headerslider_1 {
width: 230px; /* Breite, welche die Links brauchen ausgefahren */
height: 35px;
overflow: hidden;
top: 190px; /* Position des Sliders im Header */
margin-left: 775px; /* Position des Sliders im Header */
position: absolute;
z-index: 2;}

/* Das Feld für die 3 Links */
#kontakt {
background-image: url(http://img.webme.com/pic/c/clean-test/mail.png);
background-color: #FFFFFF; /* weißer Hintergrund */
background-repeat: no-repeat; /* = Icon nicht wiederholen */
background-position: 5px 2px; /* = Icon Position */
width: 220px; /* Breite ! anpassen, wenn keine 3 Links */
padding:5px 5px 5px 40px;
margin-left: 190px; /* Position eingefahren */
transition: all 0.5s linear; /* weicher Übergang - Sliden */
border: 1px solid #fff;
border-radius: 8px 0px 0px 8px; /* gerundete Ecken */
overflow: hidden;}

/* Feld mit Links fährt aus bei Hover */
#kontakt:hover{ margin-left:0px; }

/* Linktexte */
#kontakt a{
float: left; /* Links nebeneinander */
color: #343434; /* Linkfarbe */
margin-right: 12px; /* Abstand zwischen Links */
font-size: 13px; /* Texgröße */
display: block; }
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}

/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}

/* Aussehen neue Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 10px;
margin: 0px 0px 20px 0px;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
overflow: hidden;
}

/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #262626;
color: white;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 225px;
padding-left: 30px;
box-shadow: 3px 5px 10px 5px #bbb;
}
/* Formularfeld */
#main form {
border: 1px solid #B6B6B6;
border-radius: 10px;
padding: 30px 0px 30px 30px;
margin-top: -25px;
background-color: #xxxxxx;
background-image: url();
background-repeat: no-repeat;
}

/* Tabellenspalten im Formular */
#main form td {
width: 270px;
padding: 5px;
}

/* Eingabefelder */
#main input, #main textarea {
border: 1px solid #B6B6B6;
border-radius: 3px;
}

/* Absende-Button */
#main input[type="submit"] {
margin-left: 190px;
margin-top: -50px;
}

/* Smileys im Formular */
#main form img {
float: left;
margin-left: 3px;
}

/* Feld mit Blätterfunktion */
#main table[width="100%"] {
padding-left: 30px;
margin-top: 20px;
}

/* komplettes Eintragsfeld */
table[width="80%"] {
font-size: 13px !important;
padding: 25px;
margin: 20px auto;
background-color: #xxxxxx;
background-image: url();
border: 1px solid #C9C9C9;
width: 97% ! important;
}

/* Trenn-Linien entfernt */
hr {display: none;}

/* Gästebuch Einträge */
td[width="75%"] {
padding: 10px;
display: block;
margin: 10px 0px 10px 0px;
width: 380px;
background-color: #EEEEEE;
border: 1px solid #c9c9c9;
border-radius: 5px;
}

/* Dein Gästebuch-Kommentar */
.Kommentar{
background-color: #ffffcf;
font-size: 13px;
color: black;
overflow: hidden;
margin:-10px;
padding: 10px;
}
-->
</style>

<div style="width:1050px; overflow:hidden; margin:auto;">
<div id="headerslider_1">
<div id="kontakt">
<a href="/Kontakt.htm">Kontakt</a>
<a href=" http://www.125817.iboox.com/">Gästebuch</a>
<a href="/Impressum.htm">Impressum</a>
</div>
</div>
<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://philipp7.bplaced.net/gal/coin-slider.min.js"></script>
<link type="text/css" href="http://philipp7.bplaced.net/gal/coin-slider-styles.css" rel="stylesheet" />
<script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --
$(document).ready(function(){
$('#coin-slider').coinslider({navigation:true, width: 700, height: 394, delay: 8000 });
});
// -- Ende verstecken -->
</script>
Beitrag27.01.2014 um 13:46 (UTC)    
Titel: WOW Slider

War in diesem Thema schon einmal aktiv.

Jetzt habe ich noch einen suuuuper Slider gefunden.

Zwar wäre es der WOW Slider (http://wowslider.com/de/index.html#help)....kann man diese auch auf den homepage-baukasten Seiten mit einbauen? Das wäre wirklich super genial?

Wenn ja wie?

Danke schon mal!
Beitrag27.01.2014 um 16:11 (UTC)    
Titel:

jsg-altenhasslau-eidengesaess hat Folgendes geschrieben:
...ich nehme einfach diesen Slideshow-Thread wieder auf...

Hallo zusammen,

ich bin auf der Suche nach dem Slideshow-Code von der Seite:

http://floorball-tetenbuell.de/

Arrow http://find-templates.de.tl/content-slider.htm
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de