Hi! Thank you for the reply
Maybe is better if show some code parts.
This is the part that is used for calling the jQuery Lightbox
- <link rel="stylesheet" type="text/css" href="http://www.cityphone24.com/catalog/includes/javascript/jquery.lightbox-0.5.css" media="screen">
- <script type="text/javascript" src="http://www.cityphone24.com/catalog/includes/javascript/jquery.js"></script>
- <script type="text/javascript" src="http://www.cityphone24.com/catalog/includes/javascript/jquery.lightbox-0.5.min.js"></script>
- <script type="text/javascript">
- $(function() {
- $('#gallery a').lightBox();
- });
- </script>
- <style type="text/css">
- /* jQuery lightBox plugin - Gallery style */
- #gallery {
- background-color: #fff;
- padding: 10px;
- width: 100%;
- }
- #gallery ul { list-style: none; }
- #gallery ul li { display: inline; }
- #gallery ul img {
- border: 5px solid #3e3e3e;
- border-width: 5px 5px 20px;
- }
- #gallery ul a:hover img {
- border: 5px solid #fff;
- border-width: 5px 5px 20px;
- color: #fff;
- }
- #gallery ul a:hover { color: #fff; }
- </style>
- </head>
and here is the part used for calling the slider into the HTML template part.
- <link rel="stylesheet" href="http://www.cityphone24.com/catalog/css/slider.css" />
- <script src="http://www.cityphone24.com/catalog/includes/javascript/jquery.js"></script>
- <script src="http://www.cityphone24.com/catalog/includes/javascript/slider.js"></script>
-
-
- <script language="JavaScript">
- $(document).ready(function(){
- $('#slider-list').aslider({
- 'speed': 500,
- 'animation': ['fade','pixel','move','hline','slide','vline','show','wind'],
- 'auto': true,
- 'delay': 3500,
- 'pix_count_x': 14,
- 'pix_count_y': 8,
- 'pix_effect': 'show',
- 'pix_random': true,
- 'btn_opacity': .3,
- 'title_opacity': .8,
- 'description_opacity': .6
- });
- });
- </script>
Than this is the DIV used for putting this slider inside the page.
- <!-- aSlider -->
- <ul id="slider-list">
- <li><a href="#"><img src="images/1.jpg" title="" alt="" /></li>
- <li><a href="#"><img src="images/2.jpg" title="" alt="" /></a></li>
- <li><a href="#"><img src="images/3.jpg" title="" alt="" /></a></li>
- <li><a href="#"><img src="images/4.jpg" title="" alt="" /></a></li>
- <li><a href="#"><img src="images/5.jpg" title="" alt="" /></li>
- </ul>
- <!-- /aSlider -->
Hope you can give me an explanation of how to use this noConflict();
