 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Thomas126
Threadersteller
Dabei seit: 21.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 29.03.2010 11:42
Titel [Jquery] Slideshow pausieren - mouse-over |
  |
|
Guten Tag Community,
Ich habe mal wieder eine kleine Frage. Seit dem neusten widme ich mich Jquery und habe versucht eine Slideshow zu erstellen, soweit klapp auch alles: http://kerkhoff.bplaced.de/drupal_27965/vorschau.html
Mein Problem ist jetzt noch, dass ich gerne die Slideshow pausieren möchte, wenn ich mit der Maus über dem Bild bin.
Ich habe jetzt schon per Map-Link einen Link in den Bildern bei "read more" eingefügt.
Sodass ich dort dann irgendwie die Slideshow pausieren könnte.
Leider weiß ich nur nicht wie...
Kennt sich jemand mit Javascript gut aus und könnte mir da vielleicht helfen?
mfg. Thomas
Zuletzt bearbeitet von Thomas126 am Mo 29.03.2010 11:42, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 43
Geschlecht: 
|
Verfasst Mo 29.03.2010 12:49
Titel
|
|
|
| Code: | $(document).ready(function(){
$tabs = $("#featured > ul");
$tabs
.tabs({
fx: {
opacity: "toggle"
}
})
.tabs("rotate", 4000, true)
.hover(
function() { // bei hover
$tabs.tabs("rotate",0)
},
function() {
$tabs.tabs("rotate", 4000, true)
}
);
});
|
versuch's mal so.
|
|
| |
|
|
|
Anzeige
|
|
|
Thomas126
Threadersteller
Dabei seit: 21.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 29.03.2010 17:01
Titel
|
|
|
|
Juhu vielen dank, im grunde klappt es, nur aber am "flaschen Ort". Jetzt stoppt die Slideshow wenn ich mit der Maus über den fragement bereich fahre, wie kann ich das umstellen, das es nur stoppt wenn man mit der Maus über "read more" fährt?
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 43
Geschlecht:
|
Verfasst Mo 29.03.2010 22:41
Titel
|
|
|
| Code: | $(document).ready(function(){
$tabs = $("#featured > ul");
$areas = $tabs.find('area');
$tabs
.tabs({
fx: {
opacity: "toggle"
}
})
.tabs("rotate", 4000, true);
$areas.hover(
function() { // bei hover
$tabs.tabs("rotate",0)
},
function() {
$tabs.tabs("rotate", 4000, true)
}
);
}); |
|
|
| |
|
|
Thomas126
Threadersteller
Dabei seit: 21.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 30.03.2010 09:44
Titel
|
|
|
Ich danke deiner mithilfe wirklich sehr! Vielen Dank!
Nur leider klappt es noch nicht :S
Ich kenne mich zwar nicht sehr gut aus, aber ich hatte gedacht man könnte per Jacaxript im folgenden Bereich per mouseover die Slideshow irgendwie stoppen:
| Code: | <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
<img src="/drupal_27965/themes/theme407/images/slide2.jpg" alt="" border="0" usemap="#Map1" />
<map name="Map1" id="Map1"><area shape="rect" coords="207,205,284,219" href="#" onMouseOver="TagToTip('w_help_1', WIDTH, 350, SHADOW, true, SHADOWCOLOR, '#CCCCCC', OFFSETX, 30, OFFSETY, -20, SHADOWWIDTH, 3, ABOVE, true, PADDING, 10, BGCOLOR, '#FFFFEC');" class="center"/> </div>
|
Hier nochmal MouseOver:
| Code: | | onMouseOver="TagToTip('w_help_1', WIDTH, 350, SHADOW, true, SHADOWCOLOR, '#CCCCCC', OFFSETX, 30, OFFSETY, -20, SHADOWWIDTH, 3, ABOVE, true, PADDING, 10, BGCOLOR, '#FFFFEC') |
OnmouseOver wird hier zwar schon verwendet aber könnte man dort nicht noch einfügen? Oder liege ich sogar ganz flasch?
mfg. Thomas
Zuletzt bearbeitet von Thomas126 am Di 30.03.2010 09:45, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[jQuery Cycle] Slideshow in Slideshow wechseln zusammen
jQuery Bildergalerie mit Zoomeffekt bei Mouse-over
JQuery Slideshow Problemchen
Jquery Slideshow vom Inhalt differenzieren ?
jquery slideshow mittig positionieren
jquery: easing + scrollTo und loopen einer slideshow
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
