Response title
This is preview!
Move this topic
trouble getting "shiner" plug in working
in Using jQuery Plugins
•
8 years ago
Hey guys and Gals!
I just bought a jquery plug in called "shiner- HTML5 Canvas
Glow Effects Jquery Plugin." I cant seem to get it working and
I'm not 100% sure why. I'm using bootstrap framework and have
it placed where I want it on the page. I have the script placed
correctly (I think, but could be wrong) in the head, and to make sure
jquery was active I placed a script from google's content delivery
network. I dont think that was necessary obviously, but it was worth a
shot. I have all the CSS files that cam with the plug in, in the
directory... ANY HELP WOULD BE AWESOME!!!
Please don't troll, I've had enough of that today.
1
Replies(4)
Re: trouble getting "shiner" plug in working
8 years ago
Normally pictures are not a good idea. Posting the actual text is better.
Last picture line 16 must go.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: trouble getting "shiner" plug in working
8 years ago
Thanks for the head up Jake!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>ANG about</title>
<script
type="text/javascript" src="js/pe.shiner/jquery.pixelentity.shiner.min.js"></script>
<script>
jQuery(document).ready(function () {
$(".peShiner").peShiner();
})
</script>
<!--personal custom-->
<link href="css/custom.css" rel="stylesheet">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/modern-business.css" rel="stylesheet">
<!-- Custom Fonts -->
<link
href="font-awesome/css/font-awesome.min.css"
rel="stylesheet" type="text/css">
<link rel="shortcut icon"
href="images/favicon.ico" type="image/x-icon" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5
elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the
page via file:// -->
<!--[if lt IE 9]>
<![endif]-->
<style>
.thumbnail {
box-shadow: 2px 5px 8px 4px #888888
}
.navbar-inverse {
background-color: #303e49
}
</style>
</head>
<body style="padding-top: 100px">
<!-- Navigation -->
<nav class="navbar navbar-inverse
navbar-fixed-top" role="navigation" style="height:100px;">
<div class="container">
<!-- Brand and toggle get grouped for better
mobile display -->
<div class="navbar-header">
<button type="button"
class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="peShiner"
style="width:417px; height:80px;">
<a class="navbar-brand"
href="index.html" >
<img style="height:400%; max width:100px;
margin-top: -10px;" src="images/weblogo.gif">
</a>
</div>
<!-- Collect the nav links, forms, and other
content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav
navbar-right" style=" font-size:26px; margin-top:25px;">
<li class="active" >
<a href="about.html" style="
padding-top: 40px;
padding-bottom: 40px;
bottom: 25px;
background-color:#303e49">About</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li class=>
<a href="#"
class="dropdown-toggle"
data-toggle="dropdown">Portfolio <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a
href="portfolio-2-col.html">page 1</a>
</li>
<li>
<a
href="portfolio-2-col1.html">page 2</a>
</li>
<li>
<a
href="portfolio-2-col2.html">page 3</a>
</li>
<li>
<a
href="portfolio-2-col3.html">page 4</a>
</li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading/Breadcrumbs -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">About
<small></small>
</h1>
<ol class="breadcrumb">
<li><a href="index.html">Home</a>
</li>
<li class="active">About</li>
</ol>
</div>
</div>
<!-- /.row -->
<!-- Intro Content -->
<div class="row">
<div class="col-md-6" style="
top: 50px;
right: 20px;
">
<img class="img-responsive"
src="http://placehold.it/750x450" alt=""
style="box-shadow: 2px 5px 8px 4px #888888;">
</div>
<div class="col-md-6">
<h2>About All New Glass</h2>
<p>For over 30 years, All New Glass has
worked on a wide variety of prestigious projects and has a
remarkable record of success. Our team at All New Glass has in house
proficiency in design, drafting, engineering, consulting, project
management, procurement, logistics, storage, and installation for
glazing and exterior envelope materials. We have an award winning
safety program that has been used as a model for other companies,
and we take pride in our long lasting relationships with our
clients. All New Glass is known internationally for its ability to
do specialty glass and metal projects while providing outstanding
service and customer satisfaction.</p>
<br>
<h2>mission statement</h2>
<p>Everyone at all new glass has as his or
her sole purpose the objective of making every customer exceedingly
amazed at our performance. We strive to be solution providers to our
customers, using our knowledge of the glass, as well as, the
construction industry. The Company shall become known nationally for
its ability to do specialty glass and metal projects while providing
outstanding service and customer satisfaction.</p>
</div>
</div>
<!-- /.row -->
<!-- Team Members -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Our Team</h2>
</div>
<div class="col-md-4 text-center">
<div class="thumbnail">
<img class="img-responsive"
src="http://placehold.it/750x450" alt="">
<div class="caption">
<h3>Troy Thomas<br>
<small>Sec/Owner</small>
</h3>
<p>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
<ul class="list-inline">
<li><a
href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="thumbnail">
<img class="img-responsive"
src="http://placehold.it/750x450" alt="">
<div class="caption">
<h3>Wendy Heitmann<br>
<small>Controller</small>
</h3>
<p>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
<ul class="list-inline">
<li><a
href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="thumbnail">
<img class="img-responsive"
src="http://placehold.it/750x450" alt="">
<div class="caption">
<h3>Gary Rathburn<br>
<small>Safety Coordinator</small>
</h3>
<p>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
<ul class="list-inline">
<li><a
href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="thumbnail">
<img class="img-responsive"
src="http://placehold.it/750x450" alt="">
<div class="caption">
<h3>John Smith<br>
<small>Job Title</small>
</h3>
<p>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
<ul class="list-inline">
<li><a
href="https://www.facebook.com/pages/All-New-Glass/146466428731376?fref=ts"><i
class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="thumbnail">
<img class="img-responsive"
src="http://placehold.it/750x450" alt="">
<div class="caption">
<h3>John Smith<br>
<small>Job Title</small>
</h3>
<p>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
<ul class="list-inline">
<li><a
href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 text-center">
<div class="thumbnail">
<img class="img-responsive"
src="http://placehold.it/750x450" alt="">
<div class="caption">
<h3>John Smith<br>
<small>Job Title</small>
</h3>
<p>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
<ul class="list-inline">
<li><a
href="#"><i class="fa fa-2x fa-facebook-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-linkedin-square"></i></a>
</li>
<li><a
href="#"><i class="fa fa-2x fa-twitter-square"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /.row -->
<!-- Our Customers -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Our Customers</h2>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<img class="img-responsive
customer-img"
src="images/customers/microsoft-logo.gif" alt=""
style="box-shadow: 2px 5px 8px 4px #888888">
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<img class="img-responsive
customer-img" src="images/customers/louisvuitton.gif"
alt="" style="box-shadow: 2px 5px 8px 4px #888888">
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<img class="img-responsive
customer-img" src="images/customers/amazon-logo.gif"
alt="" style="box-shadow: 2px 5px 8px 4px #888888">
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<img class="img-responsive
customer-img" src="images/customers/Gucci-logo.gif"
alt="" style="box-shadow: 2px 5px 8px 4px #888888">
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<img class="img-responsive
customer-img" src="images/customers/tiffany-logo.gif"
alt="" style="box-shadow: 2px 5px 8px 4px #888888">
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<img class="img-responsive
customer-img"
src="images/customers/victoriasecret-logo.gif"
alt="" style="box-shadow: 2px 5px 8px 4px #888888">
</div>
</div>
<!-- /.row -->
<hr>
<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright © All New Glass 2015</p>
</div>
</div>
</footer>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Here it is! Let know what you think everyone! I know... its kinda sloppy :)
Here it is! Let know what you think everyone! I know... its kinda sloppy :)
Leave a comment on Kyle Coleman's reply
Re: trouble getting "shiner" plug in working
8 years ago
Looks better, except
I see
<!-- jQuery -->
<script src="js/jquery.js"></script>
Rule # 1 of jQuery. Use one copy of jQuery.
JΛ̊KE
Re: Re: trouble getting "shiner" plug in working
8 years ago
You're awesome! It's working now :) not the way I wanted it to,
but I can figure it out from here! your the man!
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Kyle Coleman's question