Problems with adding pictures to gallery page
I have a gallery page that looks pretty good, but I need to add my own pictures of myself and/or family... I've tried to do so but it isn't working the way it should.
Here a codepen of the problem: https://codepen.io/AJ2021/pen/EOWYvmenter code here
I need my photos to be in a shadowbox so I have a thumbnail on the page and when I click on it, it opens in a large view.
css shadowbox
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
add a comment |
I have a gallery page that looks pretty good, but I need to add my own pictures of myself and/or family... I've tried to do so but it isn't working the way it should.
Here a codepen of the problem: https://codepen.io/AJ2021/pen/EOWYvmenter code here
I need my photos to be in a shadowbox so I have a thumbnail on the page and when I click on it, it opens in a large view.
css shadowbox
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
The broken image symbol next to the picture showing on the screen is the thumbnail picture, it shows on Dreamweaver but not in the codepen. Any help is greatly appreciated.
– Jackson Lawton
Nov 14 '18 at 0:48
add a comment |
I have a gallery page that looks pretty good, but I need to add my own pictures of myself and/or family... I've tried to do so but it isn't working the way it should.
Here a codepen of the problem: https://codepen.io/AJ2021/pen/EOWYvmenter code here
I need my photos to be in a shadowbox so I have a thumbnail on the page and when I click on it, it opens in a large view.
css shadowbox
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
I have a gallery page that looks pretty good, but I need to add my own pictures of myself and/or family... I've tried to do so but it isn't working the way it should.
Here a codepen of the problem: https://codepen.io/AJ2021/pen/EOWYvmenter code here
I need my photos to be in a shadowbox so I have a thumbnail on the page and when I click on it, it opens in a large view.
css shadowbox
css shadowbox
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
edited Nov 14 '18 at 8:56
usr2564301
17.8k73370
17.8k73370
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
asked Nov 14 '18 at 0:43
Jackson LawtonJackson Lawton
63
63
The broken image symbol next to the picture showing on the screen is the thumbnail picture, it shows on Dreamweaver but not in the codepen. Any help is greatly appreciated.
– Jackson Lawton
Nov 14 '18 at 0:48
add a comment |
The broken image symbol next to the picture showing on the screen is the thumbnail picture, it shows on Dreamweaver but not in the codepen. Any help is greatly appreciated.
– Jackson Lawton
Nov 14 '18 at 0:48
The broken image symbol next to the picture showing on the screen is the thumbnail picture, it shows on Dreamweaver but not in the codepen. Any help is greatly appreciated.
– Jackson Lawton
Nov 14 '18 at 0:48
The broken image symbol next to the picture showing on the screen is the thumbnail picture, it shows on Dreamweaver but not in the codepen. Any help is greatly appreciated.
– Jackson Lawton
Nov 14 '18 at 0:48
add a comment |
1 Answer
1
active
oldest
votes
If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.
It originally was:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg"></a>" alt=""/> rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
Now it's:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
It looks like the anchor tag <a> had closed too early.
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53291570%2fproblems-with-adding-pictures-to-gallery-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.
It originally was:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg"></a>" alt=""/> rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
Now it's:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
It looks like the anchor tag <a> had closed too early.
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
add a comment |
If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.
It originally was:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg"></a>" alt=""/> rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
Now it's:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
It looks like the anchor tag <a> had closed too early.
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
add a comment |
If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.
It originally was:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg"></a>" alt=""/> rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
Now it's:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
It looks like the anchor tag <a> had closed too early.
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.
It originally was:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg"></a>" alt=""/> rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
Now it's:
<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
<img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
</a>
It looks like the anchor tag <a> had closed too early.
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
answered Nov 14 '18 at 1:20
Robert PerezRobert Perez
12210
12210
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
add a comment |
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
Thanks but now the shadowbox image is not showing but the thumbnail on the page is...Why is that?
– Jackson Lawton
Nov 14 '18 at 3:27
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53291570%2fproblems-with-adding-pictures-to-gallery-page%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
The broken image symbol next to the picture showing on the screen is the thumbnail picture, it shows on Dreamweaver but not in the codepen. Any help is greatly appreciated.
– Jackson Lawton
Nov 14 '18 at 0:48