islyamov
Members
-
Joined
-
Last visited
Everything posted by islyamov
-
This one is really cool!
-
Hello, guys! I am using Galleria plugin for a website of my friend who is photographer. The plugin works fine, but here is the question. I would like to load (on click) several image galleries using .load (AJAX) from several html files where the photos and the initiating script of Galleria are located. The point is to show off several different image sets without reloading the index page. Here is the code for index.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Hello</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" media="all" href="style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <!--Load Galleria--> <script type="text/javascript" src="js/galleria/galleria-1.2.3.min.js"></script> <script> $(document).ready(function(){ $('.sbh').load('brown.html'); }); </script> </head> <body> <div id="content"> <div id="gallery-handler"> <div class="slv"> <div class="sth"> <div class="srv"> <div class="sbh"> <!--Loading Galleria--> </div> </div> </div> </div> </div><!--#gallery-handler--> <div class="clear"></div> <p class="click">Click me</p> </div><!--#content--> </body> </html> As you can see, when the document.ready it loads the brown.html within div.sbh Contents of brown.html as follows: <div id="gallery"> <a href="images/folio/11.jpg"> <img title="" alt="" src="images/thumbs/11.jpg"> </a> <a href="images/folio/6.jpg"> <img title="" alt="" src="images/thumbs/6.jpg"> </a> <a href="images/folio/8.jpg"> <img title="" alt="" src="images/thumbs/8.jpg"> </a> <a href="images/folio/10.jpg"> <img title="" src="images/thumbs/10.jpg"> </a> <a href="images/folio/16.jpg"> <img title="" src="images/thumbs/16.jpg"> </a> <a href="images/folio/13.jpg"> <img title="" alt="" src="images/thumbs/13.jpg"> </a> </div> <script> // Load the classic theme Galleria.loadTheme('js/galleria/themes/twelve/galleria.twelve.min.js'); // Initialize Galleria $('#gallery').galleria({ width:1000, height:400, autoplay:2500 }); </script> As you may see, brown.html has no head tags, doctype declarations etc., because all of this info (1) is not parsed by .load(), (2) is not needed as it has been indicated in index.html Now, it works well when index.html is loaded on my localhost. As requested it shows off the photos of brown.html in div.sbh I have the similar html file called blue.html which contains same code as brown.html but with different images. What do I need is to load blue.html content exactly as I did with brown.html when let's say I click some link on index page. So the question is how to load contents of blue.html into div.sbh at index page without reloading the page while contents of brown.html are already loaded on document.ready? How to do multiple loads and unloads considering I will have several similar files? Thank you, Yerlan.
-
Pretty nice for first website. The second one will be better, I am sure.
-
Yeah, seem so. It's overloaded. Should try once again.
-
Current Design http://www.tengizchevroil.com/en/ VS My layout http://forumimage.ru/uploads/20110718/131096463521005927.png My layout was done just to test my skills and you ratings will be appreciated!
-
Thanks a bunch! Will get to know this way!
-
Hello, fellows! A bit dummy question but I am a newbie in Web development. Right now I am working on my first non-for-profit project and would like to ask for a help in here! I have a dream! ...problem. Need to make drop down vertical menu, but all the tutorials over the net doesn't seem to solve my problem. I have attached an image of how everything should look. Green stroke shows the main parent list items. The Red stroke shows nested ul.child element with list-items inside. I need this ul.child element: Appear right on the right of it's parent item. Hide it while not hovered Unhide ul.child on mouse over the parent item Do everything so it would be compatible with all the browsers (CSS+jQuery) Drop shadows? (optional, just was thinking) I would appreciate if someone would help me or point me to reliable and trusted sources. Thanks, guys! Yerlan
