Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.01.2012 um 22:02 (UTC)    
Titel: suche Hilfe beim Karussell

Hallo,

ich habe noch zwei Probleme bei dem Karussell auf folgender Seite:
http://www.pink-camel.de/Test2.htm

a) zum Test habe ich 2 verschiedene Bild-Dateien eingefügt 3x png und 1x jpeg.
Bei allen ist ein weisser Rahmen um das Bild (fällt bei den 3 Pngs am meisten auf, da die erste Ebene (Hintergrund) transparent ist.

"Von Haus aus" ist dort überhaupt kein Rahmen vorhanden. Im Editor steht der Rahmen auf "0".

Wie kann dieser blöde Rahmen umgangen werden?

b) Zieht man den Coursor auf ein Bild des rotierenden Karussells, so erscheint dort ne Navigation. Wie kann ich diese Navigation abschalten und das Karussell mit mouseover stoppen und mouseout starten?

Das Ganze mit mouseover und mouseout zu bewerkstelligen ist viel komfortaler.

Leider kenne ich mich mit den "Codes" nicht aus und brauche nun eure Hilfe, vielen Dank.


Zuletzt bearbeitet von pink-camel am 24.01.2012, 12:54, insgesamt einmal bearbeitet
Beitrag24.01.2012 um 19:40 (UTC)    
Titel:

Hallo,

zu a:
Der Rahmen wird in der zu diesem Karussell gehörenden CSS Datei definiert. Dort steht folgendes:
Zitat:
.theatre-3d .theatre-actor {
border: 2px solid white;
box-shadow: 10px -10px 15px black;
position: absolute;
}

Sorgt für den Rahmen

Du kannst das entweder löschen oder überschreiben. Beim überschreiben, musst du beachten, dass deine Anweisung später im Quelltext steht als die CSS Datei. Alternativ kannst du sie auch mit !important deklarieren. Zum überschreiben gibst du der border Eigenschaft einfach den Wert none:
Zitat:
.theatre-3d .theatre-actor {
border: none!important;
}


zu b)
Da verlangst du sehr viel. Das nächste mal bitte posten, wo du das Ding her hast, damit man sich die Dokumentation, die es normalerweise dazu gibt anschauen kann. Keiner von uns kennt die Implementierung und ich bezweifle, dass sich irgendjemand die Arbeit macht, den Sourcecode zu Analysieren.
In deinem Fall steht der Link zu der Dokumentation aber als Kommentar, im javascriptfile.

Um die Navigation auszublenden, kannst du bei den settings controls auf none setzen. Das folgende hast du bereits eingefügt und muss um das rote ergänzt werden:
Zitat:
$(document).ready(function() {
$("#carousel").theatre({ effect:"3d", still:2500, paging:"#paging", selector:"img", controls:"none"})
});


Um das Karussel zu stopen, kannst du die theatre Methode einfach mit dem Parameter "stop" (als String) aufrufen. Um es wieder zu starten, rufst du diese Methode mit dem Parameter "play" (ebenfalls als String) auf. Am besten schreibst du dir eine Funktion, die du beim mouseover bzw. mouseout event aufrufst.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 24.01.2012, 20:42, insgesamt einmal bearbeitet
Beitrag30.01.2012 um 17:37 (UTC)    
Titel:

Ich hab mal ne Frage zum Karussel. Wie kann ich die Farben der unterm Karussel stehenden Zahlen ändern? Ich hätte sie gerne schwarz, das weiß sieht blöd aus
Beitrag30.01.2012 um 22:09 (UTC)    
Titel:

Hallo,

ganz einfach. Die Links liegen in einem div Element mit der id paging. Über diese id kannst du sie also problemlos selektieren und dann formatieren.

Zitat:
#paging a{
color:#XXXXXX;
}

Farbcode
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag31.01.2012 um 05:39 (UTC)    
Titel:

Wo geb ich das genau ein?
Beitrag31.01.2012 um 17:04 (UTC)    
Titel:

Bei deinem restlichen CSS Code. Wink
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag31.01.2012 um 18:15 (UTC)    
Titel:

<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>
<div id="carousel" style="width: 900px; height: 400px;"><img alt="" src="http://img.webme.com/pic/s/spaetbremser1/heiner.jpg" /> <img alt="" src="http://img.webme.com/pic/s/spaetbremser1/heiner1.jpg" /> <img alt="" src="http://img.webme.com/pic/s/spaetbremser1/heiner2.jpg" /> <img alt="" src="http://img.webme.com/pic/s/spaetbremser1/heiner3.jpg" /> <img src="http://img.webme.com/pic/s/spaetbremser1/heiner4.jpg" alt="" /> <img src="http://img.webme.com/pic/s/spaetbremser1/heiner5.jpg" alt="" /></div>
<div id="#paging a{
color:#000000;
}"><a href="javascript:">[{#}]</a></div>
<script type="text/javascript"> $(document).ready(function() {
$("#carousel").theatre({ effect:"3d", still:2000, paging:"#paging",selector:"img"})
}); </script>


das hab ich jetzt eingegeben, dann kommt aber unter dem Karussel eine weiße raute

http://spaetbremser1.de.tl/test.htm
hier die testseite


Zuletzt bearbeitet von spaetbremser1 am 31.01.2012, 19:17, insgesamt einmal bearbeitet
Beitrag31.01.2012 um 21:33 (UTC)    
Titel:

Netter Versuch . Very Happy

CSS Code fügt man zwischen den Styletags <style type="text/css"> und </style> ein. Bsp:

Zitat:
<style type="text/css">
Hier steht der CSS Code
</style>


Solltest du eigentlich wissen, ist nicht dein erster. Wink
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag19.04.2012 um 04:10 (UTC)    
Titel:

Moin Moin. Seit gestern Abend funzt das Karussel nicht mehr. Was ist da los??
Beitrag19.04.2012 um 17:29 (UTC)    
Titel:

Hallo,

warte, ich schau mal in meine Kristallkugel.... .... ...
Sie hängt heute etwas .... .... ....
..... .... ... ... ... .. . .. . .. ..
Du kannst in der zwischenzeit, vielleicht mal die URL zu der entsprechenden Seite posten ... ... ... ...
... ... ... ... ...
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag19.04.2012 um 17:55 (UTC)    
Titel:

Beitrag19.04.2012 um 18:00 (UTC)    
Titel:

Beitrag19.04.2012 um 18:02 (UTC)    
Titel:

mist das hab ich mir schon gedacht und nun???
Beitrag19.04.2012 um 18:04 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:

Hab mich leider zu lange nicht eingeloggt, weswegen mein Konto deaktiviert wurde.
Hoffe, dass ich das wieder so bald als möglich aktivieren kann.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag19.04.2012 um 18:07 (UTC)    
Titel:

ja mach mal bitte schnell
Beiträge der letzten Zeit anzeigen:   


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