Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
hacker17658y@jakobev Shhh. No one must know.
Ah, who am I kidding, I'm white-hat. I know how to change source code using inspect element... does that count? -
monzakaz1748y@hacker
Mr hacker....i did visited Your website too..have to say this:
Thats one heck of a awsome work - man! Well done job.
Have an upvote...double. -
jakobev23958y@hacker okay I checked it. I like this style (few pictures in the footer section)
But will you tell me now how it works or did you just want to show me yours as example? -
hacker17658y@jakobev Sure!
Basically, it works with JS. You load the preview on your page using an 'img' tag and place that 'img' tag in an 'a' tag. When the user clicks on the link (image), MagnificPopup handles it and shows you the image as a popup. You can customise exactly how you want it to popup or look. You can add captions to the images, too.
Visit MagnificPopup's documentation (it's really helpful):
http://dimsemenov.com/plugins/...
I hope this helped you! -
AllenII16178yOh. And i have a Gallery module myself. You can check it out on at https://github.com/amci1203/.... I've worked on it some recently, but that version is working, im 99% sure :)
-
AllenII16178y@hacker if you wanna see it in live action. Check out http://madkapbeachexperience.com (the site i made it for) and head to the gallery. No idea why i didnt think of linking to it in the first place
-
jakobev23958yI finished my gallery now took me 5 hours cuz of different bugs and code mistakes.. If I come home later I'll make the changes on github and show you that version
(it is not mine, I saw it on YouTube)
And at that version I want to create a slide bar, but this will be in the coming week. -
AllenII16178y@jakobev http://madkapbeachexperience.com/ga.... thanks for pointing out that broken footer link to me though. I originally included the pictures with php
-
AllenII16178y@hacker thank you, you cool person you. Remind me to study your site for some design pointers though. I can't say enough how awesome it looks
-
hacker17658y@AllenII
Haha, thanks! And sure, feel free to peruse the source code of my site. You can always learn something new! -
jakobev23958yOh fuck noo.. I dunno what happened but my site looks like shit now on mobile device 😑
-
jakobev23958yJakobev.github.io/RiasGremory
Warning!! a bit ADULT Anime content..
This site is just for experiments and learning.. -
AllenII16178y@jakobev thank you for that heads up. Now i know not to open this up on my work machine.
-
AllenII16178yFound your culprit: your nav was set to 500px. Sent a pull request with the small fix
-
jakobev23958y@AllenII thank you for fixing it. Now the gallery pics show off in the same size!
Only on mobile the gallery's "main picture" isn't centered to the screen. :D and cause of that I think it is possible to scroll right.. Ugly -
AllenII16178y@jakobev that's an easy fix too. Just use max-{width/height} instead. So on mobile it'll automatically fit to the viewport. Sorry, but i am at work on a computer others can pass by and see, so i didn't scroll that far down
-
AllenII16178y@hacker Trust me, there are. We're i a field where sharing is the best way to both master and learn our craft. I mean, I didn't magically get where i am today on my own. But thank you guy :)
Related Rants
Ladies and Gentlemen,
Has someone of you created a sexy looking gallery for the web and maybe got it on github to let me throw an eye on it?
It would be sooooo fucking nice!
undefined
web
javascript
gallery