Autor |
Nachricht |
inficio
Threadersteller
Dabei seit: 27.06.2010
Ort: Wien
Alter: 32
Geschlecht:
|
Verfasst So 26.09.2010 13:14
Titel jquery: easing + scrollTo und loopen einer slideshow |
|
|
hi!
ich habe eine seite mit dem scrollTo plugin für jquery gebastelt, nun würde ich gerne easing hinzufügen aber irgendetwas scheint nicht zu funktionieren, ich bin mir allerdings ziemlich sicher dass ich es richtig geschrieben habe.
DAS ist die Seite
HIER ist das skript
diese zeile Code: | $('#wrapper').scrollTo($(this).attr('href'), 800); |
müsste normal so Code: | $('#wrapper').scrollTo($(this).attr('href'), 800, {easing:'elasout'});
|
geschrieben werden um easing hinzuzufügen:
aber es scheint einfach nicht zu klappen.
----------------------------------------------------------------------------------------------------------------
mein zweites problem wäre eine slideshow.
diese befindet sich unter Bilder.
ich hätte gerne dass sich die slideshow looped, d.h. wenn das letzte bild erreicht ist und man auf next klickt, dass man wieder zum 1. bild kommt.
hier der auszug aus der index.htm
Code: | <div id="bilder" class="item">
<a name="bilder"></a>
<div class="content">
<a href="#home" class="panel"><img src="images/back.gif" width="30" height="30" alt="back" /></a>
<div id="bildercontent">
<div id="slideshow">
<div id="slideshow-area">
<div id="slideshow-scroller">
<div id="slideshow-holder">
<div class="slideshow-content">
<img src="images/f1.jpg" width="317" height="247" alt="FOTO" />
</div>
<div class="slideshow-content">
<img src="images/f2.jpg" width="317" height="247" alt="FOTO" />
</div>
<div class="slideshow-content">
<img src="images/f3.jpg" width="317" height="247" alt="FOTO" />
</div>
</div>
</div>
</div>
</div>
<div id="tv">
<img name="tv" src="images/tv.png" width="465" height="522" border="0" usemap="#m_tv" alt="TV" />
<map name="m_tv">
<area shape="circle" coords="409,353, 36" href="javascript:;" id="slideshow-previous" alt="previous" />
<area shape="circle" coords="408,266, 36" href="javascript:;" id="slideshow-next" alt="next" />
</map>
</div>
</div>
</div>
</div>
|
hier der auszug aus der style.css
Code: |
#bildercontent {
width: 465px;
height: 521px;
margin: 0 auto;
}
#tv {
width: 465px;
height: 522px;
margin: 0 auto;
background: transparent;
position:absolute;
}
#slideshow {
width: 317px;
height: 247px;
margin: 228px 0 0 30px;
position: absolute;
}
#slideshow-area, #slideshow-scroller {
width: 317px;
height: 247px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
#slideshow-holder {
height: 247px;
}
.slideshow-content {
float: left;
}
|
das skript findet ihr HIER
hoffentlich kann mir jmd. helfen.
lg, Max
Zuletzt bearbeitet von inficio am So 26.09.2010 13:17, insgesamt 3-mal bearbeitet
|
|
|
|
|
inficio
Threadersteller
Dabei seit: 27.06.2010
Ort: Wien
Alter: 32
Geschlecht:
|
Verfasst So 26.09.2010 21:53
Titel
|
|
|
slideshow problem ist gelöst.
kann mir vll noch jemand beim easing helfen? wäre toll
|
|
|
|
|
Anzeige
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
|
|
|
|
inficio
Threadersteller
Dabei seit: 27.06.2010
Ort: Wien
Alter: 32
Geschlecht:
|
Verfasst Mo 27.09.2010 10:05
Titel
|
|
|
wow. große hilfe. wäre auch nie drauf gekommen jquery easing bei google einzugeben.
vielleicht hättest du aber auch mal nach jquery scrollTo suchen sollen, dann würdest du sehen dass dort der anschauungscode für easing in verbindung mit scrollTo so aussieht:
Code: |
$(...).scrollTo( 'li:eq(15)', 2500, {easing:'elasout'} );//specify an easing equation
|
wäre nett wenn mir auch jmd wirklich helfen könnte, anstatt seine google skills zu präsentieren.
edit:
naja ist jetzt hinfällig habs hinbekommen.
solltest trotzdem darüber nachdenken leuten auch zu helfen anstatt nur links hinzuwerfen die man ja selbst genauso findet.
Zuletzt bearbeitet von inficio am Mo 27.09.2010 10:16, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mo 27.09.2010 10:07
Titel
|
|
|
du musst das easing plugin einbinden damit easing funktioniert. jquery bietet von haus aus nur 2 easings, die anderen laufen über dieses plugin.
nicht gleich so patzig werden, hättest du das ding einfach mal eingebunden, nachdem dir der link präsentiert wurde, hättest du gemerkt, dass es funktioniert.
|
|
|
|
|
inficio
Threadersteller
Dabei seit: 27.06.2010
Ort: Wien
Alter: 32
Geschlecht:
|
Verfasst Mo 27.09.2010 10:24
Titel
|
|
|
ja also wie gesagt habs hinbekommen, aber irgendwie ruckelt es.
guckts euch mal an
hier
woran könnte das liegen?
ich vermute an dem skript return.js das versteckt das kleine häuschen der jeweiligen seite immer 2 sekunden nachdem man draufgeklickt hat. so vermeide ich dass man wenn es durch scrollt auf jeder seite das häuschen sieht.
ist nur ne vermutung, woran meint ihr könnte es liegen?
btw: ich hatte das skript schon eingebunden und da hat es nicht funktioniert, vermutlich wegen den namens unterschieden der easing methods. dann hatt ich wo gelesen dass jquery easing schon enthält.
die seit die er hier gepostet hat kannte ich ja schon.
eine erklärung wie deine hätte es auch getan
aber mit so nem link den ich ja selbst schon kenne war mir nicht geholfen.
Zuletzt bearbeitet von inficio am Mo 27.09.2010 10:31, insgesamt 2-mal bearbeitet
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 27.09.2010 11:11
Titel
|
|
|
Zitat: | eine erklärung wie deine hätte es auch getan |
Jemandem zu erklären, wie er fehlende Abhängigkeiten auflöst, ist in etwa genauso frustrierend, wie jemandem zu erklären, wie er auf's Töpfchen geht - und vor allem, warum er das zukünftig tun sollte.
Nun gibt es da natürlich einen gewissen Erfahrungsunterschied, sodass letzteres selbstverständlich irgendwann zu den Aufgaben jedes Erziehnungsberechtigten gehört. Jemandem, der bereits die Volljährigkeit erreicht hat, zu erklären, wie er auf's Töpfchen geht, ist allerdings schon so außergewöhnlich, sodass man sich zwangsläufig die Frage stellen muss, ob Erklärungsansätze da wirklich sinnvoll sind.
Zuletzt bearbeitet von bacon am Mo 27.09.2010 11:12, insgesamt 1-mal bearbeitet
|
|
|
|
|
inficio
Threadersteller
Dabei seit: 27.06.2010
Ort: Wien
Alter: 32
Geschlecht:
|
Verfasst Mo 27.09.2010 11:32
Titel
|
|
|
der beitrag ist natürlich sehr hilfreich
wenn ein erwachsener behauptet dass er alleine aufs töpfchen gehen kann, dann wirst du es im nachhinein wahrscheinlich nicht einsehen, wenn er dich fragt wie das geht.
ich hab allerdings nie behauptet dass ich irgendetwas kann etc... und hab lediglich um hilfe gebeten.
mit einem link ist mir NICHT geholfen.
dein erster beitrag hingegen hätte mir sehr geholfen.
nun habe ich eine zweite frage gestellt. und was kommt, nein keine hilfe sondern irgendein unnötiger blabla text.
Zuletzt bearbeitet von inficio am Mo 27.09.2010 11:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
jQuery - ScrollTo # + 100px
jquery scrollto mit Spanneffekt
[jQuery Cycle] Slideshow in Slideshow wechseln zusammen
JQuery Slideshow Problemchen
[Jquery] Slideshow pausieren - mouse-over
Jquery Slideshow vom Inhalt differenzieren ?
|
|