Implement amp multiple page slider
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
Not sure if I use the term correctly, but on some amp pages there are dots in the header, and user can swipe left and right to go to previous/next page. An example here (notice dot dot dot thingy under cnn.com)
How to implement a slider like behaviour like that in AMP? I took a look at amp-next-page (https://www.ampproject.org/docs/reference/components/amp-next-page) and it just provides infinite scroll. So I wonder if we have amp built in for that. Thanks!
amp-html
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
add a comment |
Not sure if I use the term correctly, but on some amp pages there are dots in the header, and user can swipe left and right to go to previous/next page. An example here (notice dot dot dot thingy under cnn.com)
How to implement a slider like behaviour like that in AMP? I took a look at amp-next-page (https://www.ampproject.org/docs/reference/components/amp-next-page) and it just provides infinite scroll. So I wonder if we have amp built in for that. Thanks!
amp-html
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
add a comment |
Not sure if I use the term correctly, but on some amp pages there are dots in the header, and user can swipe left and right to go to previous/next page. An example here (notice dot dot dot thingy under cnn.com)
How to implement a slider like behaviour like that in AMP? I took a look at amp-next-page (https://www.ampproject.org/docs/reference/components/amp-next-page) and it just provides infinite scroll. So I wonder if we have amp built in for that. Thanks!
amp-html
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
Not sure if I use the term correctly, but on some amp pages there are dots in the header, and user can swipe left and right to go to previous/next page. An example here (notice dot dot dot thingy under cnn.com)
How to implement a slider like behaviour like that in AMP? I took a look at amp-next-page (https://www.ampproject.org/docs/reference/components/amp-next-page) and it just provides infinite scroll. So I wonder if we have amp built in for that. Thanks!
amp-html
amp-html
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
asked Nov 23 '18 at 18:59
YongzhiYongzhi
7031412
7031412
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
The carousel here isn't something you can manipulate yourself. It's just a way to slide through articles that appear in the Top Stories area of Google search. This carousel is reserved for media organizations typically.
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
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%2f53451780%2fimplement-amp-multiple-page-slider%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
The carousel here isn't something you can manipulate yourself. It's just a way to slide through articles that appear in the Top Stories area of Google search. This carousel is reserved for media organizations typically.
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
add a comment |
The carousel here isn't something you can manipulate yourself. It's just a way to slide through articles that appear in the Top Stories area of Google search. This carousel is reserved for media organizations typically.
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
add a comment |
The carousel here isn't something you can manipulate yourself. It's just a way to slide through articles that appear in the Top Stories area of Google search. This carousel is reserved for media organizations typically.
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
The carousel here isn't something you can manipulate yourself. It's just a way to slide through articles that appear in the Top Stories area of Google search. This carousel is reserved for media organizations typically.
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
answered Nov 23 '18 at 20:26
James IvesJames Ives
1,93111535
1,93111535
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
add a comment |
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
I am not talking about the search result page on google. It is the amp page when you tap on one of the those links in ur screenshot, there appears a slider on the header. So in your screenshot if you tap 'Met Police ...' news, then you will notice it. I also suspect that the slider is added by google, but there should be some way to tell google to group articles together right?
– Yongzhi
Nov 23 '18 at 20:58
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
The carousels are the same, the in-article slider lets you slide between the ones in that top stories area. Google controls them, you can't link your own articles together like that.
– James Ives
Nov 23 '18 at 21:02
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
yeah you are right they are the same carousel. Thanks for providing insights!
– Yongzhi
Nov 23 '18 at 21:06
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%2f53451780%2fimplement-amp-multiple-page-slider%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
