This is a Javascript/jquery question. PLEASE READ CAREFULLY!!!! Use the Freewall
ID: 3694231 • Letter: T
Question
This is a Javascript/jquery question. PLEASE READ CAREFULLY!!!!
Use the Freewall jQuery plugin to create a block layout with at least five blocks of different size.
Just to clarify, I need an html document that utilizes the freewall.js jQuery plugin to make 5 different size blocks on the screen.
I don't need a ton of fancy css and stuff...just the barebones that I need to get the 5 different size blocks using the freewall.js plugin from JQuery.
I thumbs down if answers are unusable or incorrect.
Explanation / Answer
Answer:
<!DOCTYPE html>
<html>
<head>
<title> freewall demo getting started</title>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="../freewall.js"></script>
<style type="text/css">
#container
{
width: 80%;
margin: auto;
}
.item
{
background: rgb(135, 199, 135);
width: 320px;
height: 320px;
}
</style>
</head>
<body>
<div id="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<script>
$(function()
{
var wall = new Freewall("#container");
wall.fitWidth();
});
</script>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.