Slideshow javascript onclick

#1
alex05ok

Posted 10 December 2019 - 18:56

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Buna ziua!

Acesta este un Slideshow in care apare prima data imaginea "1.png". Cand se da prima data click pe imagine sare peste "2.png" si afiseaza direct "3.png", dupa care imaginile se rotesc in ordinea corecta: 1,2,3,1,2,3,1,2,3,...
Ce este gresit in cod?

Multumesc!

<img id="myButton" src="1.png" />
<script type="text/javascript">
			var images = ['1.png', '2.png', '3.png'],
				i = 1;
			// preload
			for (var j=images.length; j--;) {
				var img = new Image();
				img.src = images[j];
			}
			// event handler
			document.getElementById('myButton').addEventListener('click', function() {
				this.src = images[i >= images.length - 1 ? i = 0 : ++i];
			}, false);
</script>

Back to top

#2
unbrutus

Posted 10 December 2019 - 19:11

Guru Member

Grup: Senior Members
Posts: 16,299
Înscris: 23.02.2017

foloseste si tu https://jsfiddle.net/ daca vrei raspunsuri

Back to top

#3
dexter_lab

Posted 10 December 2019 - 19:19

Senior Member

Grup: Senior Members
Posts: 5,390
Înscris: 31.10.2007

schimba i=1 in i=0.

Back to top

#4
alex05ok

Posted 11 December 2019 - 10:24

Member

Grup: Members
Posts: 376
Înscris: 08.11.2007

Multumesc dexter_lab merge acum dar vreau sa pun si efectul numit "wipe" sau "slide in".
Vreau ca imaginea 2 sa vina de sus in jos, iar apoi imaginea 3 sa vina din stanga in dreapta. Am gasit ceva aici cu jQuery dar nu stiu cum sa implementez ca sa faca efecte diferite si sa fie pornite la click stanga pe imagine ca in exemplul meu.
https://github.com/UseAllFive/wipe
https://www.jquerysc...ansitions-Wipe/

Multumesc!

Edited by alex05ok, 11 December 2019 - 10:27.

Back to top

#5
dexter_lab

Posted 11 December 2019 - 15:37

Senior Member

Grup: Senior Members
Posts: 5,390
Înscris: 31.10.2007

alex05ok, on 11 decembrie 2019 - 10:24, said:

Multumesc dexter_lab merge acum dar vreau sa pun si efectul numit "wipe" sau "slide in".
Vreau ca imaginea 2 sa vina de sus in jos, iar apoi imaginea 3 sa vina din stanga in dreapta. Am gasit ceva aici cu jQuery dar nu stiu cum sa implementez ca sa faca efecte diferite si sa fie pornite la click stanga pe imagine ca in exemplul meu.
https://github.com/UseAllFive/wipe
https://www.jquerysc...ansitions-Wipe/

Multumesc!

nu e punctul meu forte javascript, dar iti spun cat pot.
daca nu esti legat de javascript-ul tau copiaza fisierele de pe github.

ca sa faci sa ruleze facand click pe poze si nu pe link de next poti pune clasa "next" la imagine. ca sa faci efectul sa mearga de la stanga la dreapta cel mai simplu ar fi ca in fisierul jquery.wipe.js sa schimbi function next in function prev si invers.

partea cu diferite efecte la diferite imagini nu stiu sa iti spun acuma.

Back to top

Anunturi

Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

Slideshow javascript onclick

#1 alex05ok Posted 10 December 2019 - 18:56

#2 unbrutus Posted 10 December 2019 - 19:11

#3 dexter_lab Posted 10 December 2019 - 19:19

#4 alex05ok Posted 11 December 2019 - 10:24

#5 dexter_lab Posted 11 December 2019 - 15:37