Web page - text slider?
Page 1 of 1
dingo_d
VIP Member



Posts: 14555

PostPosted: Mon, 4th Jul 2011 14:43    Post subject: Web page - text slider?
So I have a personal web page, and on it there are lots of posts (it's kinda like a blog, but I put stuff for uni there). And currently that looks awful: there is a 500 px wide div that goes forever towards the footer.

So I've been thinking, can I make it so that I have like 10 posts (or fixed hight div size) and then down in the lower left there would be like numbers of pages like here for ex:



So you can go to pg x for older posts.

I'm making it in basic html+css, nothing too fancy.

Can that be done? I've looked at jquery but I've only found sliders and stuff like that...


"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson
chiv wrote:
thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found.

Back to top
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: Mon, 4th Jul 2011 14:48    Post subject:
I can help you with that when I'm back home Smile


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
dingo_d
VIP Member



Posts: 14555

PostPosted: Mon, 4th Jul 2011 14:52    Post subject:
But I need an answer nao Sad

Can you point me in the right direction, where to look?


"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson
chiv wrote:
thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found.

Back to top
garus
VIP Member



Posts: 34200

PostPosted: Mon, 4th Jul 2011 14:53    Post subject:
snip


Last edited by garus on Tue, 27th Aug 2024 21:55; edited 1 time in total
Back to top
dingo_d
VIP Member



Posts: 14555

PostPosted: Mon, 4th Jul 2011 15:04    Post subject:
Hmm I found something that looks nice, but how to implement that to my page :\

http://www.thebrightlines.com/onopager/website/

List 5

EDIT:

And if it was transparent...


"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson
chiv wrote:
thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found.

Back to top
dingo_d
VIP Member



Posts: 14555

PostPosted: Mon, 4th Jul 2011 15:30    Post subject:
Why does this has to be so hard?! Sad


"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson
chiv wrote:
thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found.

Back to top
Werelds
Special Little Man



Posts: 15098
Location: 0100111001001100
PostPosted: Mon, 4th Jul 2011 15:32    Post subject:
Have you got full control over the layout dingo? Like, can you alter the templates in how stuff gets rendered? Smile
Back to top
dingo_d
VIP Member



Posts: 14555

PostPosted: Mon, 4th Jul 2011 16:09    Post subject:
Werelds wrote:
Have you got full control over the layout dingo? Like, can you alter the templates in how stuff gets rendered? Smile


Well... yeah. Why?


"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson
chiv wrote:
thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found.

Back to top
garus
VIP Member



Posts: 34200

PostPosted: Mon, 4th Jul 2011 16:16    Post subject:
snip


Last edited by garus on Tue, 27th Aug 2024 21:55; edited 1 time in total
Back to top
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: Mon, 4th Jul 2011 16:31    Post subject:
oh shit and I sat down and made something for you Sad it's ugly but it works and you can alter the css until it fits your needs Razz


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: Mon, 4th Jul 2011 16:36    Post subject:
Oh and the link
http://webwerkz.de/dingo/1
*the layout is just an ugly hack... as I said, I'm at work grinhurt *

http://webwerkz.de/dingo/2
*a little bit more basic Very Happy*

edit:updated links



btw. just for the sake of it I assumed that you use
and unsorted list <ul>
with list items <li>

instead of div... shouldn't make a difference though.


usage is very easy ->
$('#myCommentList').skimmable(10);

*10 = scroll 10 posts


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
garus
VIP Member



Posts: 34200

PostPosted: Mon, 4th Jul 2011 16:46    Post subject:
snip


Last edited by garus on Tue, 27th Aug 2024 21:55; edited 1 time in total
Back to top
PumpAction
[Schmadmin]



Posts: 26759

PostPosted: Mon, 4th Jul 2011 16:47    Post subject:
If you like it, I could simplify the code, so that you just import the scrollto and my skimmable plugin Smile

it could look like this then
Code:
<link rel="stylesheet" type="text/css" href="skimmable.css" />
<script src="jquery.js"></script>
<script src="jquery-scrollTo.js"></script>
<script src="jquery-skimmable.js"></script>
<script>
$('#commentList').skimmable(5);
</script>


=> NFOrce GIF plugin <= - Ryzen 3800X, 16GB DDR4-3200, Sapphire 5700XT Pulse
Back to top
Page 1 of 1 All times are GMT + 1 Hour
NFOHump.com Forum Index - Programmers Corner
Signature/Avatar nuking: none (can be changed in your profile)  


Display posts from previous:   

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group