fix: replace responsive web dev bitly links
This commit is contained in:
@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
|
||||
|
||||
# --description--
|
||||
|
||||
首先,在已有的圖片下面添加一張新的圖片。 設置其 `src` 屬性爲 `https://bit.ly/fcc-running-cats`。
|
||||
首先,在已有的圖片下面添加一張新的圖片。 設置其 `src` 屬性爲 `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`。
|
||||
|
||||
如果圖片的大小恰恰和我們手機屏幕尺寸大小一樣自然是最好的。
|
||||
|
||||
@ -34,10 +34,10 @@ assert($('img:eq(1)').hasClass('img-responsive'));
|
||||
assert(!$('img:eq(1)').hasClass('smaller-image'));
|
||||
```
|
||||
|
||||
新圖片的 `src` 屬性值應該爲 `https://bit.ly/fcc-running-cats`。
|
||||
新圖片的 `src` 屬性值應該爲 `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`。
|
||||
|
||||
```js
|
||||
assert($('img:eq(1)').attr('src') === 'https://bit.ly/fcc-running-cats');
|
||||
assert($('img:eq(1)').attr('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg');
|
||||
```
|
||||
|
||||
確保新的 `img` 元素有一個閉合的尖括號。
|
||||
@ -87,7 +87,7 @@ assert(
|
||||
|
||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
||||
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
|
||||
|
||||
<p>Things cats love:</p>
|
||||
<ul>
|
||||
@ -148,8 +148,8 @@ assert(
|
||||
|
||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
||||
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
|
||||
<img src="https://bit.ly/fcc-running-cats" class="img-responsive">
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
|
||||
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
|
||||
|
||||
<p>Things cats love:</p>
|
||||
<ul>
|
||||
|
@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
|
||||
|
||||
# --description--
|
||||
|
||||
首先,在已有的图片下面添加一张新的图片。 设置其 `src` 属性为 `https://bit.ly/fcc-running-cats`。
|
||||
首先,在已有的图片下面添加一张新的图片。 设置其 `src` 属性为 `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`。
|
||||
|
||||
如果图片的大小恰恰和我们手机屏幕尺寸大小一样自然是最好的。
|
||||
|
||||
@ -34,10 +34,10 @@ assert($('img:eq(1)').hasClass('img-responsive'));
|
||||
assert(!$('img:eq(1)').hasClass('smaller-image'));
|
||||
```
|
||||
|
||||
新图片的 `src` 属性值应该为 `https://bit.ly/fcc-running-cats`。
|
||||
新图片的 `src` 属性值应该为 `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`。
|
||||
|
||||
```js
|
||||
assert($('img:eq(1)').attr('src') === 'https://bit.ly/fcc-running-cats');
|
||||
assert($('img:eq(1)').attr('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg');
|
||||
```
|
||||
|
||||
确保新的 `img` 元素有一个闭合的尖括号。
|
||||
@ -87,7 +87,7 @@ assert(
|
||||
|
||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
||||
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
|
||||
|
||||
<p>Things cats love:</p>
|
||||
<ul>
|
||||
@ -148,8 +148,8 @@ assert(
|
||||
|
||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
||||
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
|
||||
<img src="https://bit.ly/fcc-running-cats" class="img-responsive">
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
|
||||
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
|
||||
|
||||
<p>Things cats love:</p>
|
||||
<ul>
|
||||
|
@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
|
||||
|
||||
# --description--
|
||||
|
||||
Innanzitutto, aggiungi una nuova immagine sotto quella esistente. Imposta l'attributo `src` su `https://bit.ly/fcc-running-cats`.
|
||||
Innanzitutto, aggiungi una nuova immagine sotto quella esistente. Imposta l'attributo `src` su `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
|
||||
|
||||
Sarebbe bello se questa immagine potesse essere larga esattamente come lo schermo del nostro telefono.
|
||||
|
||||
@ -34,10 +34,10 @@ La tua nuova immagine non dovrebbe avere la classe `smaller-image`.
|
||||
assert(!$('img:eq(1)').hasClass('smaller-image'));
|
||||
```
|
||||
|
||||
La tua nuova immagine dovrebbe avere un `src` di `https://bit.ly/fcc-running-cats`.
|
||||
La tua nuova immagine dovrebbe avere un `src` di `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
|
||||
|
||||
```js
|
||||
assert($('img:eq(1)').attr('src') === 'https://bit.ly/fcc-running-cats');
|
||||
assert($('img:eq(1)').attr('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg');
|
||||
```
|
||||
|
||||
Il tuo nuovo elemento `img` dovrebbe avere una parentesi angolare di chiusura.
|
||||
@ -87,7 +87,7 @@ assert(
|
||||
|
||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
||||
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
|
||||
|
||||
<p>Things cats love:</p>
|
||||
<ul>
|
||||
@ -148,8 +148,8 @@ assert(
|
||||
|
||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
||||
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
|
||||
<img src="https://bit.ly/fcc-running-cats" class="img-responsive">
|
||||
<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
|
||||
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
|
||||
|
||||
<p>Things cats love:</p>
|
||||
<ul>
|
||||
|
@ -911,7 +911,7 @@
|
||||
"type": "code",
|
||||
"lang": "html",
|
||||
"meta": null,
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>",
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>",
|
||||
"position": {
|
||||
"start": { "line": 86, "column": 1, "offset": 2070 },
|
||||
"end": { "line": 114, "column": 4, "offset": 2759 },
|
||||
@ -1037,7 +1037,7 @@
|
||||
"type": "code",
|
||||
"lang": "html",
|
||||
"meta": null,
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>",
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>",
|
||||
"position": {
|
||||
"start": { "line": 143, "column": 1, "offset": 2969 },
|
||||
"end": { "line": 169, "column": 4, "offset": 3598 },
|
||||
|
@ -860,7 +860,7 @@
|
||||
"type": "code",
|
||||
"lang": "html",
|
||||
"meta": null,
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>",
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n --fcc-editable-region--\n <section>\n <h2>Cat Lists</h2>\n </section>\n --fcc-editable-region--\n </main>\n </body>\n</html>",
|
||||
"position": {
|
||||
"start": { "line": 78, "column": 1, "offset": 1960 },
|
||||
"end": { "line": 106, "column": 4, "offset": 2649 },
|
||||
@ -986,7 +986,7 @@
|
||||
"type": "code",
|
||||
"lang": "html",
|
||||
"meta": null,
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://bit.ly/fcc-relaxing-cat\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>",
|
||||
"value": "<html>\n <body>\n <h1>CatPhotoApp</h1>\n <main>\n <section>\n <h2>Cat Photos</h2>\n <!-- TODO: Add link to cat photos -->\n <p>\n Click here to view more\n <a target=\"_blank\" href=\"https://www.freecodecamp.org/cat-photos\"\n >cat photos</a\n >.\n </p>\n <a href=\"https://www.freecodecamp.org/cat-photos\"\n ><img\n src=\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\"\n alt=\"A cute orange cat lying on its back.\"\n /></a>\n </section>\n <section>\n <h2>Cat Lists</h2>\n </section>\n </main>\n </body>\n</html>",
|
||||
"position": {
|
||||
"start": { "line": 135, "column": 1, "offset": 2859 },
|
||||
"end": { "line": 161, "column": 4, "offset": 3488 },
|
||||
|
@ -91,7 +91,7 @@ assert(
|
||||
</p>
|
||||
<a href="https://www.freecodecamp.org/cat-photos"
|
||||
><img
|
||||
src="https://bit.ly/fcc-relaxing-cat"
|
||||
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"
|
||||
alt="A cute orange cat lying on its back."
|
||||
/></a>
|
||||
</section>
|
||||
@ -148,7 +148,7 @@ var x = 'y';
|
||||
</p>
|
||||
<a href="https://www.freecodecamp.org/cat-photos"
|
||||
><img
|
||||
src="https://bit.ly/fcc-relaxing-cat"
|
||||
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"
|
||||
alt="A cute orange cat lying on its back."
|
||||
/></a>
|
||||
</section>
|
||||
|
@ -207,7 +207,7 @@ Object {
|
||||
</p>
|
||||
<a href=\\"https://www.freecodecamp.org/cat-photos\\"
|
||||
><img
|
||||
src=\\"https://bit.ly/fcc-relaxing-cat\\"
|
||||
src=\\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\\"
|
||||
alt=\\"A cute orange cat lying on its back.\\"
|
||||
/></a>
|
||||
</section>
|
||||
@ -296,7 +296,7 @@ a {
|
||||
</p>
|
||||
<a href=\\"https://www.freecodecamp.org/cat-photos\\"
|
||||
><img
|
||||
src=\\"https://bit.ly/fcc-relaxing-cat\\"
|
||||
src=\\"https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg\\"
|
||||
alt=\\"A cute orange cat lying on its back.\\"
|
||||
/></a>
|
||||
</section>
|
||||
|
Reference in New Issue
Block a user