Ik zoek dit script met spoed. Beloning: Goede fles champagne!

**diederikva** · 3096 × bekeken sinds 15-02-2010, 11:40

...

Zie wanneer je met je muis over een afbeelding gaat in bovenstaande flash. Ik dacht dit 'even' te doen via jQuery. Echter lukte me dit niet. Wie heeft hier HET script zodat wij dit werkend krijgen en onze klant vanmiddag uiterlijk 17:00 uur tevreden kunnen stellen?

Alvast hartelijk dank!

Ps.: De tipgever krijgt van ons een fles heerlijke champagne als dank!
Ps2.: Het is dus de bedoeling dat wij er GEEN flash site van maken. Maar gewoon html, css, javascript, php etc. etc.

**Henk G.** · 15-02-2010, 11:44

Hiermee zou dit moeten lukken; http://jqueryui.com/demos/show/
Alleen ipv een knop maak je er een mouse over van.

**diederikva** · 15-02-2010, 11:50

Origineel gepost door Henk G.

Hiermee zou dit moeten lukken; http://jqueryui.com/demos/show/
Alleen ipv een knop maak je er een mouse over van.

Beste Henk,

dank voor je snelle reactie! Maar, het is dus de bedoeling inderdaad dat het gebeurd bij een MouseOver. Is het dan ook mogelijk wanneer ik me muis er vanaf haal dat die weer weg gaat? En zo ja, enig idee hoe ik dat het beste kan gaan aanpakken?

Diederik van Andel

**gast17521** · 15-02-2010, 11:55

http://api.jquery.com/category/events/ hier heb je waarschijnlijk wel wat aan en dan in speciaal http://api.jquery.com/hover/

**diederikva** · 15-02-2010, 12:04

Bedankt zover. Ik ga even dingen proberen en kom zo terug.

**Rein S** · 15-02-2010, 12:05

onmouseover en onmouseout ....lijkt mij wel te kunnen daarmee

**gast17521** · 15-02-2010, 12:07

hij heeft toch jquery ingeladen dus waarom niet daarmee_

**diederikva** · 15-02-2010, 12:51

http://www.quattronet.nl/ontwikkelin...um/test.ph.php

Ik wil nu graag kiezen voor de optie slide. Maar hoe kan ik er nou voor zorgen dat er bij een mouse-over automatisch voor de optie 'Slide' wordt gekozen? Ik kom er echt even niet uit jammer genoeg.
Aanvullend bericht:
Zojuist ben ik geholpen via een PM. Toch thnx voor het meedenken :) !
Aanvullend bericht:
http://www.quattronet.nl/ontwikkeling/criterium/index

Zie bovenstaande link. Ondertussen heb ik het script al in de website geplaatst. Hoe kan ik het nu mogelijk maken dat het gebeurd bij een mouse-over. Zodat ik niet eerst moet klikken op run-effect?

**gast17521** · 15-02-2010, 13:10

bekijk mijn hover pagina van jquery.

**René Vennik** · 15-02-2010, 13:12

PHP Code:


$(".item").hover(function() {



$("> div", this).slideDown();



}, function() {



$("> div", this).slideUp();



});

Heb de broncode niet bekeken maar zoiets zal het ongeveer worden.

**Milan Drossaerts** · 15-02-2010, 13:13

Ik snap neit wat je bedoeld, wil je dat als er over een plaatje heengaat een slideshow komt?

**diederikva** · 15-02-2010, 13:23

Origineel gepost door Milan Drossaerts

Ik snap neit wat je bedoeld, wil je dat als er over een plaatje heengaat een slideshow komt?

http://www.quattronet.nl/ontwikkeling/criterium/

Zoals je ziet staat er onder elke afbeelding de tekst 'Run Effect'.
Als je daar op klikt komt het effect wat we willen.

Maar wat we niet willen is dat je klikt op 'Run effect'. We willen dat het effect word weergegeven wanneer je met je muis op de afbeelding gaat staan.

**gast17521** · 15-02-2010, 13:23

met die hover staan 2 functies er over heen en als je af bent bij overheen vul je die functie in en bij hoverweg vul je de code in om de slide te verwijderen, zo moeilijk is het toch niet?

**Ruud van der Velden** · 15-02-2010, 13:29

Zoiets:

Code:

$(".toggler88").mouseenter(function () {
  <run effect>
});

$(".toggler88").mouseleave(function () {
    <run back effect>
});

**diederikva** · 15-02-2010, 13:35

Origineel gepost door Ruud van der Velden

Zoiets:

Code:

$(".toggler88").mouseenter(function () {
  <run effect>
});

$(".toggler88").mouseleave(function () {
    <run back effect>
});

Ruud, bedankt voor je reactie. En alle andere ook natuurlijk!

Ik heb nu dit. Maar volgens mij is het niet goed.

Code:

<script type="text/javascript">
	$(function() {
				
		function runEffect(){
						
			var selectedEffect = $('#effectTypes').val();
						
			var options = {};
						
			if(selectedEffect == 'scale'){  options = {percent: 100}; }
			else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
			else if(selectedEffect == 'size'){ options = { to: {width: 280,height: 185} }; }
						
			$("#effect1").show('blind',options,500,callback);
		};
					
		function callback(){
			setTimeout(function(){
				//$("#effect:visible").removeAttr('style').hide().fadeOut();
				$("#effect:visible");
			}, 3000);
		};
					
		$("#button1").click(function() {
			runEffect();
			return false;
		});
					
		$("#effect1").hide();
				
		$(".toggler").mouseenter(function () {
		  	runEffect();
			return false;
		});
					
	});
</script>

Ik zoek dit script met spoed. Beloning: Goede fles champagne!