diff --git a/wa/wa11/images/IMG_3925.JPG b/wa/wa11/images/IMG_3925.JPG new file mode 100644 index 0000000..0f2e0c4 Binary files /dev/null and b/wa/wa11/images/IMG_3925.JPG differ diff --git a/wa/wa11/images/IMG_4431.JPG b/wa/wa11/images/IMG_4431.JPG new file mode 100644 index 0000000..c1246e1 Binary files /dev/null and b/wa/wa11/images/IMG_4431.JPG differ diff --git a/wa/wa11/images/IMG_5282.JPG b/wa/wa11/images/IMG_5282.JPG new file mode 100644 index 0000000..e809c2b Binary files /dev/null and b/wa/wa11/images/IMG_5282.JPG differ diff --git a/wa/wa11/images/Joe_Biden_presidential_portrait.jpg.webp b/wa/wa11/images/Joe_Biden_presidential_portrait.jpg.webp new file mode 100644 index 0000000..e4840c4 Binary files /dev/null and b/wa/wa11/images/Joe_Biden_presidential_portrait.jpg.webp differ diff --git a/wa/wa11/images/Mountain small.jpg b/wa/wa11/images/Mountain small.jpg new file mode 100644 index 0000000..88911ea Binary files /dev/null and b/wa/wa11/images/Mountain small.jpg differ diff --git a/wa/wa11/images/img1.png b/wa/wa11/images/img1.png new file mode 100644 index 0000000..1126d04 Binary files /dev/null and b/wa/wa11/images/img1.png differ diff --git a/wa/wa11/images/img2.png b/wa/wa11/images/img2.png new file mode 100644 index 0000000..d271c9c Binary files /dev/null and b/wa/wa11/images/img2.png differ diff --git a/wa/wa11/images/img3.png b/wa/wa11/images/img3.png new file mode 100644 index 0000000..e3394a9 Binary files /dev/null and b/wa/wa11/images/img3.png differ diff --git a/wa/wa11/images/img4.png b/wa/wa11/images/img4.png new file mode 100644 index 0000000..b27e5a7 Binary files /dev/null and b/wa/wa11/images/img4.png differ diff --git a/wa/wa11/images/img5.png b/wa/wa11/images/img5.png new file mode 100644 index 0000000..e1e2b78 Binary files /dev/null and b/wa/wa11/images/img5.png differ diff --git a/wa/wa11/index.html b/wa/wa11/index.html index 3f64a4b..2c0bf6a 100644 --- a/wa/wa11/index.html +++ b/wa/wa11/index.html @@ -3,17 +3,17 @@ - Image gallery + Le gallery -

Image gallery example

+

Photography Gallery

- Closeup of a human eye + My mountain picture
diff --git a/wa/wa11/main.js b/wa/wa11/main.js index f6d3d3a..0e5d865 100644 --- a/wa/wa11/main.js +++ b/wa/wa11/main.js @@ -5,11 +5,11 @@ const btn = document.querySelector('button'); const overlay = document.querySelector('.overlay'); /* Declaring the array of image filenames */ -const images = ["images/pic1.jpg", - "images/pic2.jpg", - "images/pic3.jpg", - "images/pic4.jpg", - "images/pic5.jpg"] +const images = ["images/img1.png", + "images/img2.png", + "images/img3.png", + "images/img4.png", + "images/img5.png"] @@ -22,7 +22,7 @@ const altText = { "image5": "either moth or Butterfly" } -console.log(altText["image4"]) +console.log(altText["img4"]) /* Looping through images */ @@ -51,12 +51,12 @@ function darken() { if(btn.getAttribute("class") === "dark"){ btn.setAttribute("class", "light"); - btn.textContent = "Lighten"; + btn.textContent = "Darken"; overlay.style.backgroundColor = "rgba(0,0,0,.1)"; } else { btn.setAttribute("class", "dark"); - btn.textContent = "Darken"; + btn.textContent = "Lighten"; overlay.style.backgroundColor = "rgba(0,0,0,.8)"; } diff --git a/wa/wa11/style.css b/wa/wa11/style.css index d3fe774..cc2a06d 100644 --- a/wa/wa11/style.css +++ b/wa/wa11/style.css @@ -1,6 +1,9 @@ h1 { - font-family: helvetica, arial, sans-serif; + font-family: 'Times New Roman', Times, serif; text-align: center; + background-color: darkred; + color: white; + border-radius: 50%; } body { @@ -11,8 +14,8 @@ body { .full-img { position: relative; display: block; - width: 640px; - height: 480px; + width: auto; + height: auto; } .overlay { @@ -25,12 +28,13 @@ body { } button { - border: 0; - background: rgba(150,150,150,0.6); - text-shadow: 1px 1px 1px white; + border: 2px; + background: blue; + color: white; + text-shadow: 1px 1px 1px black; border: 1px solid #999; position: absolute; - cursor: pointer; + cursor: crosshair; top: 2px; left: 2px; } @@ -39,5 +43,5 @@ button { display: block; width: 20%; float: left; - cursor: pointer; + cursor:cell; } \ No newline at end of file