Commit 98863fa

committed

Fixing showModal

1 parent 480bae0 commit 98863faCopy full SHA for 98863fa

File tree

-5

lines changed

-5

lines changed

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,15 +7,15 @@ class Photo {`
`7`	`7`	`constructor(json){`
`8`	`8`	`Object.assign(this, json);`
`9`	`9`	`}`
`10`		`- /* showModal(){`
	`10`	`+ showModal(){`
`11`	`11`	`Swal.fire({`
`12`	`12`	`width: '50rem',`
`13`	`13`	`imageUrl: this.src.original,`
`14`	`14`	`imageWidth: '60%',`
`15`	`15`	`showConfirmButton: false,`
`16`	`16`	`imageAlt: this.alt`
`17`	`17`	`});`
`18`		`- } */`
	`18`	`+ }`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`// La API key que pedí a la API de Pexels.`
`@@ -85,6 +85,8 @@ const generateHTML = (data, photoType) => {`
`85`	`85`	newGalleryItem.innerHTML = `<img src="${photo.src.large}" alt="${photo.alt}"></img>`;
`86`	`86`	`// Y por último le agregamos ese nuevo elemento a la galería.`
`87`	`87`	`galleryContainer.append(newGalleryItem);`
	`88`	`+ // Por último, cuando se realiza click sobre un elemento de la galería se lanza el método 'showModal'.`
	`89`	`+ newGalleryItem.addEventListener('click', () => photo.showModal());`
`88`	`90`	`});`
`89`	`91`	`}`
`90`	`92`

Lines changed: 4 additions & 2 deletions

Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Comments

(0)