I wanna create a gallery full responsive and dynamic like this: https://www.pixelflakes.com/work/
Where I should start looking for some good stuff to really understand how to create this? I'm a beginner at JavaScript, but I'm pretty good at html, CSS and bootstrap.
thanks for the help!
I came across a demo that might help you understand how to create a gallery like that. Also mensonry's codebase is available on Github. Considering that you're new to javascript, it might take some time to grasp but you'll be alright after putting in some effort.
Related
I'm trying to develop a component carousel without using libraries. For now it's pretty simple, I'd like to know how to implement functions like sliding only by item (without being in between, between one and the other...). Suggestions, solutions, tips where I can learn more about it will help a lot. Thank you very much in advance.
The code I'm doing is available at the following link: https://github.com/TiagoOliveiraGomes/looping-carousel
I'm learning HTML, CSS and Javascript after spending a few months creating test websites on Muse. I created this layout on it https://christianmdantas.000webhostapp.com/ but I've been trying to learn Javascript to not use muse anymore. I can't seem to find tutorials on how to do that. What topic does this layout fit in?
I've been trying to look for trigger changing images, something along got lines but can't seem to find it. Any help would be much appreciated. Thank you.
You should check out codeacademy.com, It's free and has courses on CSS, HTML, Javascript, and more. Thats where I learned Python! You could also take a look at udemy but I believe it requires a subcription fee.
I'm very very new to Javascript. What I'd like to do is one of those rows of smaller images, that when you click on one it pops up bigger with left and right arrows for sliding through the photos.
What's the easiest way to get started doing something like that?
Any help is greatly appreciated, thanks.
You know we're not your research site, but since you're asking for the easiest way, I'd recommend HighSlide JS. It doesn't require JQuery, is highly personalizable, comes with examples which you can just copypasta and a nice tutorial.
Of course, if you'd include the JQuery lib to your page, you could also try one of these fancier plugins. And there are also some JQuery carousel plugins as noted by #Nupul.
Check out the galleries plugins at Web Resource Depot
How to create a jQuery pagination in CodeIgniter?
Please give me an example of it.
I would not like to use a plugin, because the code plugin is large. Is there a way to reach this with less code.
You can try this out TOHIN example pagination with ajax ,Or work around GOOGLE
There are a number of tutorials out there which explain how one might do this. It is a bit much to be able to fit it all here.
As to plugin size, I'm not certain how you came to that conclusion. Just because it is a plugin does not mean that it is large or cumbersome. It can be argued, rather easily, that CodeIgniter itself is just a large series of plugins...
I'm considering attempting a redesign of a flash website with jquery effects and transitions in place. I just wanted to reach out to the community to maybe see how feasible this really is considering the particular transitions and effects this website has.
Here's the link:
http://antonynicoli.com/english.html
The gallery I guess can be recreated by carousel plugin, but there are so many out there so maybe could suggest a stable one that would be be best suited to this job. The other items that really caught my attention in which I wouldn't really know where to start is the navbar and the effect that looks like a book opening when you click on a link on the navbar. Any and all input would be appreciated. Thanks.
This is probably doable, but I'm wondering about the motivations behind changing to an HTML/jQuery solution when it looks pretty good right now (as Brad pointed out above, it would require a total rework). I see a couple of things going on:
Carousel: jCarousel (http://sorgalla.com/jcarousel/) (never used it but it is popular)
Animations: jQuery Animate (http://api.jquery.com/animate/)
Other widgets/interactions: jQueryUI: (http://www.jqueryui.com)
Not sure how you would go about the open-book animation, but I suspect you could accomplish it with some clever jQuery animations.
The best way to see if it could be done is: start doing it! jQuery has tons of resources and you'll get good help here on StackOverflow.
After looking at the site i do believe most of the effects can be recreated fairly well using jQuery. Of course, your end-result might not be as smooth as the flash implementation but i think it can be done.
If you look at using HTML 5 i believe a lot of animations such as page transition with the opening book can be simulated with the canvas element. Same with the navigation elements.
https://developer.mozilla.org/en/canvas_tutorial
http://diveintohtml5.ep.io/canvas.html#divingin
As you mentioned some of the effects such as the carousel can be recycled from existing plugins. The only holdback really is how much time do you want to invest in porting a design to a language not as well suited to do the job. jQuery is an excellent framework but it is far from a drop-in replacement to create effects that are trivial to create in Flash/Actionscript.
the whole site can be done with jquery. all you have to do is map out all the animation done on the site and write it on paper. then look for the jquery alternatives online and check them off one by one. some things might not be exact but it will do the job.