FAQ Database Discussion Community


CSS Keyframe Animation Not Working in Firefox (I have looked at other answers)

html,css,css3,slide,keyframe
I have the same problem (CSS Keyframe animation working in Chrome, but not FF (or IE)), different animation. I found that removing the quotes made it work in IE, but still not in Firefox. <div class="media24-titles"> <div class="photobanner"> <a href="http://www.media24.com/en/newspapers.html" target="_blank"><img class="first" src="http://www.legends24.co.za/wp-content/logos/03.jpg" alt=""></a> <a href="http://www.media24.com/en/newspapers.html" target="_blank"><img...

Can I also slide content with Fluid Powered TYPO3 (fed flux fluidcontent)

typo3,slide,fluid,flux,col
I try to slide content elements at my TYPO3 Backend (v6.2) with Fluid Powered TYPO3. So I don't have CSS_Styled_content included. http://wiki.typo3.org/Content_Slide Example: 10 < styles.content.getRight 10.slide = -1 Especially I'd like to slide my content from the colPos=0 'Slider' to the Pages below. Is this possible with FLUID /...

CSS slide not working with images from database

php,html,css,function,slide
I get a free website layout just to learn and keep training my php skills. The website has some slides in the index, and when it was index.html, getting the images from my computer it worked alright. But now i'm searching the images in the database, and instead of slides...

How do i append slide to particular div element?

jquery,slide,swiper
I want to append slide to particular div element, which slide has width and height not like than normal slides. I follow the steps they guided in their documentation. But, i can't set width and height not like than other slides. My code is, <div id="id_0" class="swiper-slide" onClick="add(0);">Slide 1</div> <div...

2 Sliding Divs horizontally Jquery

jquery,jquery-ui,slide
I want to make something like this. Where a container slides out at a certain point. The way I imagine it would be of 2 divs. 1 front and 1 back. And the whole container is still centralized when both divs are out. I am not sure how do I...

jquery: slide two div with zoom in/out effect

javascript,jquery,html,css,slide
I have two < div> leftdiv and rightdiv both with 50% width. leftdiv slides to left and it's width increases to look like a zoom in effect. same happens to rightdiv. here is my code: css .leftdiv { position:fixed; top:0; left:0px; width:50%; -webkit-transition:all 2.0s ease; -moz-transition:all 2.0s ease; -o-transition:all 2.0s...

slide right from left with jquery

javascript,jquery,html,animation,slide
I'm using this fiddle for a my project but I want to make targets slide from right to left. If you check the link link you can see the targets divs are sliding form left to right. jQuery(function ($) { $('a.panel').click(function () { var $target = $($(this).attr('href')), $other = $target.siblings('.active');...

jquery slider with button between the content panels

jquery,toggle,accordion,slide
I'm having problems with a pretty simple task.. I want to be able to switch between two content panels, but with only ONE button. I have looked at jqueryUI accordion, but that has a header for every content panel. i want to have a kind of "button" BETWEEN the two...

jQuery mmenu not working at all

javascript,jquery,mobile,slide,mmenu
I tried to use the jquery mmenu for my mobile site, but it's not working at all. The menu icon is not showing up. Here is a stripped down version of my site. Thanks for your help. <!doctype html> <html > <head> <link href="../imagesCA/favicon.ico" rel="shortcut icon"> <title>title</title> <script src="../slideMenu/jquery.js" type="text/javascript"></script>...

How to stop use of other views behind a slide out menu in Swift

ios,swift,menu,slide,out
I have a slide out menu that with a swipe gesture slides in and out from the left on top of a table view I have. But when the menu is out I can still select cells and scroll through the table view that the menu slides out on top...

jQuery mouseover with slideUp

jquery,slide
When i use this function create for move div up and down with events mouseover and mouseout , all time repeat me the same effect many times : <script> function groups_cover_fade_on(id) { jQuery("."+id).slideDown(1000); } function groups_cover_fade_out(id) { jQuery("."+id).slideUp(1000); } </script> I have 2 divs : <div id="container" class="c1" onmouseout="groups_cover_fade_on('c1');"> <div...

How to slide to another html page in Javascript?

javascript,html,slide
I'm trying to make a web page to time a race and I had the idea to make the html page with the timer slide from the right with hitting a button here's the html of the main menu: <!DOCTYPE HTML> <body style="background:#f2f2f2;"> <div id="options" style="background:#0c0c0c; float:right;"> <div class="menu" onclick="openChronometre()"...

Jquery slide from left to right not working

javascript,jquery,onclick,slide
I am trying to get a slide left from right effect in jquery when I click a div. This is the HTML I am using. <div id="myDiv" style="height: 70px; display: none; background-color:#eee; position: absolute; bottom: 1px; width: 100%"> <img style="margin-left: 9px; top: 8px; position: absolute" id="transparent-image" src="images/hover.png" alt=""> <p class="bi"...

How to have text slide in when I hover over navbar?

css,css3,animation,navbar,slide
So while I hover over each navbar tab, I would like a bar to slide in from the right with a description of the hovered tab. For example, if I hover over "Research," a bar would slide in from the right saying "Read about my current research." How would I...

Using SSRS how do I slide data up if they are null?

reporting-services,null,slide,slideup
I can't figure out how to slide information up in an SSRS report if the data comes back as NULL. So if I've got an address field with the entire address i want to slide data up (remove white spaces) if data is null.

jQuery .hover() fires on old element after hovering on new one

jquery,hover,slide,effects
I Have a div with two labels nested in it which are links to other pages and are one next to the other. I am applying a slide in effect to a third div which is placed under the labels on hovering. The problem I'm encountering is that the effect...

Jquery display all subnav of parent

jquery,slide,nav
How can i display the parent's menu and display all the subnavs? for example: when i click first and will slide down those sub navs first-1 first-1-1 first-1-2...... As always, your assistance is appreciated! http://jsfiddle.net/MotoTony/kg8x2ntv/ HTML: <nav id="nav"> <ul class="nav"> <li class="parent"> <a href="#">first</a> <ul class="nav-child"> <li> <a href="#">first-1</a>...

jQuery toggle/slideDown/slideUp not working as expected

javascript,jquery,slide
I am trying to create a toggle button with .details. On first load, it should just display as "Display [+]" with .details-display hidden. When the text is clicked, it should change to "Display [-]" with .details-display slid down. Why isn't this working? HTML <div class="slide-caption"> <span class="details">Details[+]</span> <span class="details-display">The connecting...

Sub-menu items not sliding

jquery,wordpress,slide,submenu
I'm working on a wordpress theme and I'm currently setting up the menu so that it is responsive. So I've set up the jQuery below. The problem is when the menu items slide down, the sub-menu items don't, they just pop in after the top level items slide down. How...

jQuery slide panel move content together with toggle

jquery,panel,slide
I need to make that toggle would move together with the panel. Tried almost everything but can't get it to work. Here is my fiddle. HTML <div id="toggle">Toggle</div> <div id="popout">content</div> jQuery (function($) { $('#toggle').toggle( function() { $('#popout').animate({ right: 0 }, 'slow'); }, function() { $('#popout').animate({ right: -250 }, 'slow'); }...

Jssor slide out each caption

transition,slide,jssor,caption
I downloaded and used Jssor slide from this source : http://www.jssor.com/demos/introduction-slider.html And how can I slide each caption in a slide. Ex : in slide 1, caption A fade in, then caption A fade out after 3s and caption B fade in with position is same caption A....

Need help including multiple jQuery effects in a scroll 'else' statement

jquery,function,scroll,slide
Can't figure this one out. I am intermediate with jQuery but am having trouble. <div class="some-div"></div> <div class="monster"></div> <div class="another-div"></div> <div class="little-nav"> <p>click me!</p> </div> <div class="list"> <p>close!</p> </div> <div class="div3"> </div> My jQuery is as follows: var subNavTop = $('.monster').offset().top; var littleNav = $('.little-nav'); var slideButton = $('.little-nav p');...

Jquery slide - auto slide

javascript,jquery,slideshow,slide
my jquery slide: jQuery(document).ready(function ($) { $('#checkbox').change(function(){ setInterval(function () { moveRight(); }, 10000); }); var slideCount = $('#slider ul li').length; var slideWidth = $('#slider ul li').width(); var slideHeight = $('#slider ul li').height(); var sliderUlWidth = slideCount * slideWidth; $('#slider').css({ width: slideWidth, height: slideHeight }); $('#slider ul').css({ width: sliderUlWidth, marginLeft: -...

ViewPager for Screen Slides without swipe

android,android-viewpager,screen,slide
I want to use a Screen slide but without swipe. I see this example: http://developer.android.com/training/animation/screen-slide.html , only i want slide pages with the top menu and not with the swipe. How I can do it? Thanks....

White slide transition with CSS and HTML

html,css,css3,transition,slide
I'm just wondering how to make an animation to slide to another page when I click my buttons on the right of my website.I want the header and footer that is in black to stay in tact but when a button is clicked on the right I want the white...

Android swipe: Initial tutorial in an app

android,initialization,swipe,slide
I'm trying to do an initial tutorial in my app like in this image: Do you know the name of this feature? In order to find a tutorial for it....

Android change layout by sliding left/right

android,android-layout,scroll,slide
I tried many times to create a layout that contain multiple layouts and switch between these layouts by sliding left or right like on WhatsApp or Facebook apps. I have used some LinearLayout, TableLayout and ScrollView but I didn't found the way to achieve it. Do you have any solution...

How do i Create “Slide-Out Navigation Panel” with Non movable(Fixed) UINavigation Bar in iOS?

ios,objective-c,menu,uinavigationcontroller,slide
In one of my app i want to create Side left menu as many popular app provide. I have already done it my projects using PPRevealSideViewController. But the issue is it is not supported with Non movable UINavigation bar. It only supported with Below UI. Whereas Below is My requirement....

Javascript-JQuery: sliding menu going left-to-right?

javascript,jquery,html,css,slide
I have a piece of text put outside of the browser and I want it to appear when the cursor hovers over another piece of text. Here's my code: HTML file <div class="panel_help"> <div class="help_text"> <h4>Τι κάνω?</h4> <p>This is the text that is hidden and needs to appear...</p> </div> <p...