Hoang Quang quangpro1610

🏠

Working from home

Hi there, I'm Quang and I'm a Web Developer 👨‍💻 Thank you for visiting! Have a nice day 👋

quangpro1610 / zoom-img-jquery.html

Created October 1, 2018 15:57

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://www.yourjavascript.com/560192341/magnifier.txt.js"></script>

quangpro1610 / zoom-img-jquery-1.html

Created October 1, 2018 15:58

<img class="magnify" magnifyby="3" style="width: 200px; height: 250px;" src="URL_IMAGE" alt="" border="0" />

quangpro1610 / jcarousel-load.html

Last active July 21, 2020 02:48

	<!--jCarousel basic stylesheet-->
	<link rel="stylesheet" type="text/css" href="https://sorgalla.com/jcarousel/examples/basic/jcarousel.basic.css" />
	<!--jQuery library-->
	<script type="text/javascript" src="https://sorgalla.com/jcarousel/vendor/jquery/jquery.js"></script>
	<!--jCarousel library-->
	<script type="text/javascript" src="https://sorgalla.com/jcarousel/dist/jquery.jcarousel.min.js"></script>

quangpro1610 / jcarousel-js.html

Last active July 21, 2020 02:49

	<script type="text/javascript">
	(function ($) {
	$(function () {
	$('.jcarousel').jcarousel();
	$('.jcarousel-control-prev')
	.on('jcarouselcontrol:active', function () {
	$(this).removeClass('inactive');
	})
	.on('jcarouselcontrol:inactive', function () {
	$(this).addClass('inactive');

quangpro1610 / jcarousel-show.html

Last active July 21, 2020 02:54

	<div class="jcarousel">
	<ul>
	<li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img1.jpg" alt="img1"></li>
	<li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img2.jpg" alt="img2"></li>
	<li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img3.jpg" alt="img3"></li>
	<li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img4.jpg" alt="img4"></li>
	<li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img5.jpg" alt="img5"></li>
	<li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img6.jpg" alt="img6"></li>
	</ul>
	</div>

quangpro1610 / lightbox-load.html

Created October 1, 2018 16:05

quangpro1610 / lightbox-js.html

Created October 1, 2018 16:06

quangpro1610 / lightbox-show.html

Created October 1, 2018 16:07

quangpro1610 / accordian-slide.html

Created October 1, 2018 16:09

	<div class="accordian">
	<ul>
	<li>
	<div class="image_title"> <a href="#">KungFu Panda</a> </div>
	<a href="#"> <img src="./img/3yiC6Yq.jpg" /> </a>
	</li>
	<li>
	<div class="image_title"> <a href="#">Toy Story 2</a> </div>
	<a href="#"> <img src="./img/40Ly3VB.jpg" /> </a>
	</li>

quangpro1610 / accordian-slider.css

Created October 1, 2018 16:10

	* {
	margin: 0;
	padding: 0;
	}
	body {
	background: #ccc;
	font-family: arial, verdana, tahoma;
	}
	.accordian {
	width: 805px;

	<script src="js/jquery.js"></script>
	<script src="js/jquery.lightbox/js/jquery.lightbox.js"></script>
	<link rel="stylesheet" type="text/css" href="js/jquery.lightbox/css/jquery.lightbox.css" />