Support Forum - Topic: Avia Slider No Border

Support Forum - Topic: Avia Slider No Border http://www.kriesi.at/support/topic/avia-slider-no-border Support Forum - Topic: Avia Slider No Border en-US Wed, 22 May 2013 05:28:25 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-27861 Mon, 26 Sep 2011 13:44:00 +0000 Dude 27861@http://www.kriesi.at/support/ Glad that I could help you :) pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-27839 Mon, 26 Sep 2011 10:56:49 +0000 pursuit2000 27839@http://www.kriesi.at/support/ Thank you very much... Looks great! Let me try it out for sure... Thanks again, -JS Dude on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-27014 Thu, 15 Sep 2011 05:57:09 +0000 Dude 27014@http://www.kriesi.at/support/ The example code is: <pre><code><div style="margin:auto; border: 1px solid #000;width:1200px;height:200px;"> <ul class='aviaslider' id="diagonal-blocks" style="margin:0;"> <li class="featured"><img src="images/slides/slide1.jpg" alt="" /></li> <li class="featured"><img src="images/slides/slide2.jpg" alt="" /></li> <li class="featured"><img src="images/slides/slide3.jpg" alt="" /></li> <li class="featured"><img src="images/slides/slide4.jpg" alt="" /></li> </ul> </div></code></pre> (of course css styles would be better than inline styles). I added the code to: <a href="http://216.17.245.120/html/" rel="nofollow">http://216.17.245.120/html/</a> pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-26996 Thu, 15 Sep 2011 01:15:13 +0000 pursuit2000 26996@http://www.kriesi.at/support/ Can you send it to me please? Thanks! -JS Dude on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-26578 Fri, 09 Sep 2011 04:59:19 +0000 Dude 26578@http://www.kriesi.at/support/ I created an example with a div. I'm not familiar with table coding :) pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-26541 Thu, 08 Sep 2011 00:26:44 +0000 pursuit2000 26541@http://www.kriesi.at/support/ Hello, I can wait, it's not just removing the table border. When I use the <ul> it will slide as it should but unfortunately it leaves an open space. I can't make it to work with just using the <div> tags. Anyway, please let him know when he gets back and if he can help me. Thank you! -JS</ul> Chris Beard on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-26230 Thu, 01 Sep 2011 20:28:59 +0000 Chris Beard 26230@http://www.kriesi.at/support/ Hey, Dude is currently away for 9 more days, if you just want to remove the border you can just change: <code><table width="1200" height="200" cellspacing="0" cellpadding="0" border="1"></code> to <code><table width="1200" height="200" cellspacing="0" cellpadding="0" border="0"></code> I'm uncertain if it is as easy as this since I don't know how the code is output, I don't have these files. I'll ask Kriesi. pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-26116 Wed, 31 Aug 2011 04:02:25 +0000 pursuit2000 26116@http://www.kriesi.at/support/ Hello, Did you get my last response? I e-mailed it, basically check out this site, I want there to be no space around the image: <a href="http://216.17.245.120/html/" rel="nofollow">http://216.17.245.120/html/</a> FTP is the same if you want to go in and check it out. Thanks, -JS Dude on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25679 Wed, 24 Aug 2011 06:12:29 +0000 Dude 25679@http://www.kriesi.at/support/ Can you send me the ftp login data to: <a href="mailto:kriesi2000-dude@yahoo.com">kriesi2000-dude@yahoo.com</a> - I'll install the modified custom.js file. pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25675 Wed, 24 Aug 2011 01:08:23 +0000 pursuit2000 25675@http://www.kriesi.at/support/ Sorry, this also didn't work. I tried replacing the entire file as well as adding it into the custom.js file and nothing. Only the first image appears and then it never transitions. To be clear, all I want is the image to transition with no border around it or no space. Thanks! -JS Dude on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25576 Tue, 23 Aug 2011 06:24:31 +0000 Dude 25576@http://www.kriesi.at/support/ Open up the custom.js file, delete the whole content and insert following code instead: <pre><code>jQuery(document).ready(function(){ //activate the lightbox jQuery('a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg]').prettyPhoto({theme: "light_square"}); jQuery('#diagonal-blocks').aviaSlider({ blockSize: {height: 80, width:80}, transition: 'slide', display: 'diagonaltop', switchMovement: true }); });</code></pre> You can add, remove or change the parameters (transition, etc.) if you like :) pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25569 Tue, 23 Aug 2011 01:39:35 +0000 pursuit2000 25569@http://www.kriesi.at/support/ CORRECTION: I got the opening image to display, but it doesn't slide: <pre><code><div class='aviaslider' id="diagonal-blocks"> <div class=".featured"><a href="images/slides/slide1.jpg" title=""><img src="images/slides/slide1.jpg" alt="" /></a></div> <div class=".featured"><a href="images/slides/slide2.jpg" title=""><img src="images/slides/slide2.jpg" alt="" /></a></div> <div class=".featured"><a href="images/slides/slide3.jpg" title=""><img src="images/slides/slide3.jpg" alt="" /></a></div> <div class=".featured"><a href="images/slides/slide4.jpg" title=""><img src="images/slides/slide4.jpg" alt="" /></a></div> </div></code></pre> The URL is at: <a href="http://216.17.245.120/html/" rel="nofollow">http://216.17.245.120/html/</a> Thanks! -JS pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25568 Tue, 23 Aug 2011 01:20:04 +0000 pursuit2000 25568@http://www.kriesi.at/support/ Hi, Thanks for the prompt response. For some reason, now the images don't load, here is the code I have on the page now: <div class='aviaslider' id="frontpage-slider"> <div class="featured"><a href="images/slides/slide1.jpg" title=""><img src="images/slides/slide1.jpg" alt="" /></a></div> <div class="featured"><a href="images/slides/slide2.jpg" title=""><img src="images/slides/slide2.jpg" alt="" /></a></div> <div class="featured"><a href="images/slides/slide3.jpg" title=""><img src="images/slides/slide3.jpg" alt="" /></a></div> </div> Here is the Stylesheet: /************************************************************************ -) Slider: only the following lines are necceassary for slider styling, rest of the css file styles the demo page *************************************************************************/ .aviaslider{ height:200px; /*this changes the height of the image slider*/ width:1200px; overflow: hidden; position: relative; background: #fff url(../images/layout/preload.gif) center center no-repeat; } .aviaslider img, .aviaslider a img, .aviaslider a{ color: #fff !important; } .aviaslider li, .aviaslider .featured{ display: block; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 1; } .js_active .aviaslider li, .js_active .aviaslider .featured{ display:none; } .aviaslider img, .aviaslider a img, .aviaslider a{ border:none; text-decoration: none; } Is there something I am missing? Thanks! -JS Dude on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25534 Mon, 22 Aug 2011 14:42:07 +0000 Dude 25534@http://www.kriesi.at/support/ Hey, try to add following codeto one of your stylesheets: <pre><code>.aviaslider img, .aviaslider a img, .aviaslider a{ color: #fff !important; }</code></pre> pursuit2000 on "Avia Slider No Border" http://www.kriesi.at/support/topic/avia-slider-no-border#post-25529 Mon, 22 Aug 2011 13:09:23 +0000 pursuit2000 25529@http://www.kriesi.at/support/ Hello, No matter what I try, I can't seem to get he border to not show up on my Avia Slider install. Here is my page: <a href="http://216.17.245.120/html/" rel="nofollow">http://216.17.245.120/html/</a> I am using the UL Class, but I can't seem to figure out the Div Class. When I use that syntax it won't slide for me. Can someone help me with this? Thanks! -JS