Resize image horizontal to vertical in rectangle [closed] - javascript

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed yesterday.
Improve this question
Earlier I asked about using SWIPER. I'm using some images vertically but I tried to use a horizontal image and I came across this new error.
I'm out of ideas on how I can try to resize the image or maybe the second block of images because I want to have 3 images vertically and 3 horizontally.
Here is what I've already achieved so far.
Access to the example of the photo: https:// codepen.io/thiagomacedoprj/pen/YzOKpqq
Download from files: https://drive.google.com/file/d/1CkbCjT7yFUGmPSNsWNEdRESpIufB1hN-/view?usp=sharing

Related

Make maze smaller with SCSS, Javascript, and HTML [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I want to develop a maze, but the maze is bigger than the screen and i can't scroll down to see it.
I tried to change the height of the body, but that didn't work.
Can anyone see what that makes the maze so big?
here is all of my code on github.
here is how it looks.
Any help is appreciated!
You need to change your layout posting on your HTML body elements. You're using the "fixed" position, and you should be using the "relative" position.
This should explain the difference and get you back on the right path.
Additionally, you can check this for posting.

how can my content can animate using tympanus example on my webpage [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I wanted to have animation on my content i searched whole day and got something to work on it.I used same technique as they used everything is seems same still when i scroll my website there is no animation on content after slider.
Demo example
My website
Looks like you're missing the imagesloaded.js file used in the example. You need to reference this script in your code.

How to do an irregular mosaic of images with different sizes? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Here is an example of what I am trying to achieve :
context : I would like to use HTML5/CSS3 to create a mosaic of a bunch of related images. They should have no margin (unlike the example, pardon my Paint :D ) and their sizes are various, but I would need them to be "intricate", so that it makes a single scrollable block of clickable images. Please note it is possible to use Javascript if needed.
How should I go with displaying such a layout ?
Thanks for your help.

how would I use Javascript, html and css to produce the running tiger effect seen in run4tigers website? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I wasn't sure if this question has already been asked before but I was wondering how you produce the interactive dotted text and the running tiger animation you see in the middle of the run4tiger website?
http://run4tiger.com/
Any information would be appreciated.
They are using canvas elements to achieve this.
The canvas will catch the mouse over events and then react accordingly.
The loading tiger screen was drawn using SVG.

how can position element like this? [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
in the link below in the bottom of page we see some box that aligned with the javascript or jquery,and they are not in the same row. this can't be done with css.
and when the page width change they realigned with smomth animation.
any body know how to do that? is there any video to teach this technic?
http://esam.ir/itemView.aspx/562755/%D9%81%D8%B1%D9%88%D8%B4-%DA%AF%DB%8C%D8%AA%D8%A7%D8%B1-%DA%A9%D9%84%D8%A7%D8%B3%DB%8C%DA%A9-%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%DB%8C.htm
thanks
There is an easy library called Masonry, have a look at that, they have some decent documentation and it works exactly like you want it. But going into the details of how its done is beyond the scope of a stack overflow post.
http://masonry.desandro.com

Categories