fix: replace responsive web dev bitly links
This commit is contained in:
@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
|
|||||||
|
|
||||||
# --description--
|
# --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'));
|
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
|
```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` 元素有一個閉合的尖括號。
|
確保新的 `img` 元素有一個閉合的尖括號。
|
||||||
@ -87,7 +87,7 @@ assert(
|
|||||||
|
|
||||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
<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>
|
<p>Things cats love:</p>
|
||||||
<ul>
|
<ul>
|
||||||
@ -148,8 +148,8 @@ assert(
|
|||||||
|
|
||||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
<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>
|
||||||
<img src="https://bit.ly/fcc-running-cats" class="img-responsive">
|
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
|
||||||
|
|
||||||
<p>Things cats love:</p>
|
<p>Things cats love:</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
|
|||||||
|
|
||||||
# --description--
|
# --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'));
|
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
|
```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` 元素有一个闭合的尖括号。
|
确保新的 `img` 元素有一个闭合的尖括号。
|
||||||
@ -87,7 +87,7 @@ assert(
|
|||||||
|
|
||||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
<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>
|
<p>Things cats love:</p>
|
||||||
<ul>
|
<ul>
|
||||||
@ -148,8 +148,8 @@ assert(
|
|||||||
|
|
||||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
<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>
|
||||||
<img src="https://bit.ly/fcc-running-cats" class="img-responsive">
|
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
|
||||||
|
|
||||||
<p>Things cats love:</p>
|
<p>Things cats love:</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
|
|||||||
|
|
||||||
# --description--
|
# --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.
|
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'));
|
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
|
```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.
|
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>
|
<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>
|
<p>Things cats love:</p>
|
||||||
<ul>
|
<ul>
|
||||||
@ -148,8 +148,8 @@ assert(
|
|||||||
|
|
||||||
<p>Click here for <a href="#">cat photos</a>.</p>
|
<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>
|
||||||
<img src="https://bit.ly/fcc-running-cats" class="img-responsive">
|
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
|
||||||
|
|
||||||
<p>Things cats love:</p>
|
<p>Things cats love:</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -911,7 +911,7 @@
|
|||||||
"type": "code",
|
"type": "code",
|
||||||
"lang": "html",
|
"lang": "html",
|
||||||
"meta": null,
|
"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": {
|
"position": {
|
||||||
"start": { "line": 86, "column": 1, "offset": 2070 },
|
"start": { "line": 86, "column": 1, "offset": 2070 },
|
||||||
"end": { "line": 114, "column": 4, "offset": 2759 },
|
"end": { "line": 114, "column": 4, "offset": 2759 },
|
||||||
@ -1037,7 +1037,7 @@
|
|||||||
"type": "code",
|
"type": "code",
|
||||||
"lang": "html",
|
"lang": "html",
|
||||||
"meta": null,
|
"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": {
|
"position": {
|
||||||
"start": { "line": 143, "column": 1, "offset": 2969 },
|
"start": { "line": 143, "column": 1, "offset": 2969 },
|
||||||
"end": { "line": 169, "column": 4, "offset": 3598 },
|
"end": { "line": 169, "column": 4, "offset": 3598 },
|
||||||
|
@ -860,7 +860,7 @@
|
|||||||
"type": "code",
|
"type": "code",
|
||||||
"lang": "html",
|
"lang": "html",
|
||||||
"meta": null,
|
"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": {
|
"position": {
|
||||||
"start": { "line": 78, "column": 1, "offset": 1960 },
|
"start": { "line": 78, "column": 1, "offset": 1960 },
|
||||||
"end": { "line": 106, "column": 4, "offset": 2649 },
|
"end": { "line": 106, "column": 4, "offset": 2649 },
|
||||||
@ -986,7 +986,7 @@
|
|||||||
"type": "code",
|
"type": "code",
|
||||||
"lang": "html",
|
"lang": "html",
|
||||||
"meta": null,
|
"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": {
|
"position": {
|
||||||
"start": { "line": 135, "column": 1, "offset": 2859 },
|
"start": { "line": 135, "column": 1, "offset": 2859 },
|
||||||
"end": { "line": 161, "column": 4, "offset": 3488 },
|
"end": { "line": 161, "column": 4, "offset": 3488 },
|
||||||
|
@ -91,7 +91,7 @@ assert(
|
|||||||
</p>
|
</p>
|
||||||
<a href="https://www.freecodecamp.org/cat-photos"
|
<a href="https://www.freecodecamp.org/cat-photos"
|
||||||
><img
|
><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."
|
alt="A cute orange cat lying on its back."
|
||||||
/></a>
|
/></a>
|
||||||
</section>
|
</section>
|
||||||
@ -148,7 +148,7 @@ var x = 'y';
|
|||||||
</p>
|
</p>
|
||||||
<a href="https://www.freecodecamp.org/cat-photos"
|
<a href="https://www.freecodecamp.org/cat-photos"
|
||||||
><img
|
><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."
|
alt="A cute orange cat lying on its back."
|
||||||
/></a>
|
/></a>
|
||||||
</section>
|
</section>
|
||||||
|
@ -207,7 +207,7 @@ Object {
|
|||||||
</p>
|
</p>
|
||||||
<a href=\\"https://www.freecodecamp.org/cat-photos\\"
|
<a href=\\"https://www.freecodecamp.org/cat-photos\\"
|
||||||
><img
|
><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.\\"
|
alt=\\"A cute orange cat lying on its back.\\"
|
||||||
/></a>
|
/></a>
|
||||||
</section>
|
</section>
|
||||||
@ -296,7 +296,7 @@ a {
|
|||||||
</p>
|
</p>
|
||||||
<a href=\\"https://www.freecodecamp.org/cat-photos\\"
|
<a href=\\"https://www.freecodecamp.org/cat-photos\\"
|
||||||
><img
|
><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.\\"
|
alt=\\"A cute orange cat lying on its back.\\"
|
||||||
/></a>
|
/></a>
|
||||||
</section>
|
</section>
|
||||||
|
Reference in New Issue
Block a user