Hello. In javascript there is a jQuery slideToggle() Method that toggles up-down but i want it to toggles left-right. I found a code from [here](http://jsfiddle.net/abwVd/) and then i copied and pasted and edited it in this way: <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $('.nav').click(function() { $('.text p').css({ 'width': $('.text p').width(), 'height': $('.text p').height() }); $('.text').animate({'width': 'toggle'}); }); </script> <style> body { font-size: 10px; color: #333; } .nav { float: right; margin-top: 30px; /* Added to dont overlap result box */ width: 50px; height: 30px; text-align: center; background: #ccc; border: 1px solid #333; } .text { overflow: hidden; float: right; margin: 5px; …

Member Avatar
Member Avatar
-1 forum 2

hey guys, so im trying to do the image slider with js but its not working. only the first pic: pic1, displays then it doesnt slide. code: <script type="text/javascript"> <!--> var img1=new Image() img1.src="image/pic1.jpg" var img2=new Image() img2.src="image/pic2.jpg" var img3=new Image() img3.src="image/pic4.jpg" var img4=new Image() img4.src="image/pic5.jpg" var img5=new Image() img5.src="image/pic3.jpg" var img6=new Image() img6.src="image/pic6.jpg" var img7=new Image() img7.src="image/pic7.jpg" var img8=new Image() img8.src="image/pic8.jpg" var img9=new Image() img9.src="image/pic9.jpg" //--> </script> <div id="slideshow" align="left" style="margin-left: 30px;"><!--slideshow--> <img src="image/pic1.jpg" name="slide" width="450" height="200"/> <script type="text/javascript"><!--javascript for slideshow--> <!-- var pic=1 function slideit() { document.image.slide.src=eval("img"+pic+".src") if(pic<9) pic++ else pic=1 setTimeout("slideit()",2000) } slideit() //--> <!--end javascript for …

Member Avatar
Member Avatar
+0 forum 4

Just a simple image file slide show using PySide (PyQT).

Member Avatar
Member Avatar
+2 forum 1

[Click Here](http://www.jrjinc.com/project-portfolio-retail.php) I've added 8 pictures to the existing image gallery, using the same format as the existing images. When an image is clicked the originals show but the new ones don't even though they are counted in the image totals. Is there another file I need to edit to get the pics added to the slide show? Thanks in advance.

Member Avatar
Member Avatar
+0 forum 2

HI! everyone ,Please tell me how to make slide show of http://www.harobikes.com/bmx/

Member Avatar
Member Avatar
+0 forum 6

Hey everyone, i need help with this program im doing for a class, now i havent used c++ in a while so thats why im considerably fresh in all this. any at all help would be greatly apprecietated. ALso i can NOT spell to save my life. the problem states this much  Write a program to solve the 8-Tiles Puzzle using the best first search algorithm. You need to compare between using the following heuristics to estimate the distance to the goal:  h1= 0 (this will be the breadth first search)  h2= number of misplaced tiles  …

Member Avatar
+0 forum 0

I have a simple jQuery code for toggle. I want to apply it in multiple <div>s as more I need. here is the code: <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle(500); }); }); </script> <style type="text/css"> #panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; display:none; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("#flip1").click(function(){ $("#panel1").slideToggle(500); }); }); </script> <style type="text/css"> #box1 { margin:10px; height:auto; } #panel1,#flip1 { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel1 { padding:50px; display:none; } </style> </head> <body> <div id="flip">Click to slide the panel down or up</div> <div id="panel">Hello world!</div> <div …

Member Avatar
Member Avatar
+0 forum 3

Not mine but has been usefull so thought i would share. <script type="text/javascript"> function toggleMe(a){ var e=document.getElementById(a); if(!e)return true; if(e.style.display=="none"){ e.style.display="block" } else{ e.style.display="none" } return true; } </script> <input type="button" onclick="return toggleMe('para1')" value="Toggle"> <div id="para1" style="display:none"> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah …

Member Avatar
Member Avatar
+0 forum 4

Hi, i need some code for slide out panel that will pop out when i scroll down like this one, [Click Here](http://download.cnet.com/RealPlayer/3000-13632_4-10073040.html?tag=main;lsr) It's very cool. please help.

Member Avatar
Member Avatar
+0 forum 3

I found an image rotator that works okay (combination of html and java script), but I would like to have the images disolve or fade into the next image. Anything out there that is not too complex?

Member Avatar
Member Avatar
+0 forum 2

Hello, I am trying some code I found on the net for a fade in/ fade out slideshow. It is working fine on FF, Chrome and Safari on Windows. On Chrome Mac, the slides appearing one below the other, on IE8 on Windows, the text under the slide, does not fade, it just displays all the text above each other. The jquery code: function slideSwitch() { var $active = $('#slideshow div.active'); if ( $active.length == 0 ) $active = $('#slideshow div:last'); var $next = $active.next().length ? $active.next() : $('#slideshow div:first'); $active.addClass('last-active') .animate({opacity : 0.0}, 1000); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, …

Member Avatar
Member Avatar
+0 forum 1

Hi I would like to create drop scroll show content, how to do so ? v Fiat Justitia Ruat Caelum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eros risus, vulputate vel iaculis vel, luctus ac arcu. Vestibulum metus ligula, dignissim nec viverra a, interdum ut magna. Donec dignissim hendrerit ligula ultricies aliquam. Aliquam mattis tristique magna, et feugiat erat pulvinar vel. Aliquam adipiscing tempor purus vitae porta. > Fiat Justitia Ruat Caelum > Fiat Justitia Ruat Caelum > Fiat Justitia Ruat Caelum Like the first one. Whenever the user click the title, it will show it's content. How …

Member Avatar
Member Avatar
+0 forum 20

I have implemented a tooltip on my navigational links (after clicking on the 2006 Volvo 780). Found here: http://www.lonemountaintruck.com/partners/index2.php I am pulling the "detailed" view of the truck into the div from a php file(loadtrucks.php). The "Next Rig" link is the link that is causing the tooltip to stay open after you click it even if you click on "Pick A Different Rig" link at the top right, and it stays open until you actually reload the page. The link looks like this: <a href=\"\" onClick=\"return false\" onmousedown=\"javascript:swapContent('alltrucks');\"><img class='effect' style='padding-bottom:5px; padding-left:8px;' src='/img/dana/next.gif' title=\"Next Rig\"></a> I found that if I use …

Member Avatar
Member Avatar
+0 forum 2

Hello, Could someone please help me with this problem? I have developed a small application that calls up several powerpoint slideshows that are saved as .pps. The user interface screen has a textbox, when the user enters the file name of the powerpoint it is called up, but it opens as ppt, meaning the user can edit the powerpoints stored as .pps. Help me with the code or the missing part for my application where when the user enters the powerpoint slideshow name, it will automatically be shown as powerpoint viewshow and not as editable powerpoint. The part of my …

Member Avatar
Member Avatar
+0 forum 2

Call me a noob, but is there a way to use [B][I][U]just[/U][/I][/B] PHP to create a photo slideshow? Or do you need to use flash? I have code that will display images in a random sequence, which is fine. [CODE=php]<?php $pic = rand(1,15); print "<img src=\"images/$pic.jpg\" height=\"100\" width=\"140\" />"; ?>[/CODE] But this is in the middle of other elements on a web page. So I need to find a way to make the images change without refreshing the page. Thanks in advance.

Member Avatar
Member Avatar
+0 forum 2

Hello has anybody come across a similar control to this one. [URL="http://img138.imageshack.us/img138/875/23102010172021.png"]http://img138.imageshack.us/img138/875/23102010172021.png[/URL] if so then please give me a link. thank a lot edit : found this one [url]http://www.filebuzz.com/fileinfo/38822/Angulum.html[/url] any better suggs are welcome though :D

Member Avatar
+0 forum 0

The End.