Hello, I would like to create image gallery with jquery which could show an image and if I place a cusor on top of it a shadow with a caption will appears on top of the image. And if someone click the image the image will enlarge a larger image on top of it. Where can I find jquery like that in google. Thanks for advice.

Member Avatar
Member Avatar
+0 forum 1

Hello , I want to show some images in my app using php and universal-image-loader-1.9.1 Iam an stater and I have collected some code from another apps, My problem is when i use the same code to add the gallery in my app it was showing application stopped. If any one can help me to fisx this problem that will be help ful. Below I have added the php code and I want o us universal-image-loader to show the image in the app. In my app there was an gallery area for showing images in albums and recently added pictures …

Member Avatar
Member Avatar
+0 forum 1

Hello, I am trying to incorporate bootstrap with this sliders. Any clue how to make it looks good? http://flickity.metafizzy.co/ <div class="gallery js-flickity" data-flickity-options='{ "freeScroll": true, "wrapAround": true, "imagesLoaded": true, "percentPosition": false, "pageDots": false }'> <div class="row"> <div class="col-sm-4"><img src="images/Portfolio/pic1.jpg" alt="pic1" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic2.jpg" alt="pic2" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic3.jpg" alt="pic3" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic1.jpg" alt="pic1" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic2.jpg" alt="pic2" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic3.jpg" alt="pic3" /></div> </div> </div> This is the result: http://www.innovation.web.id/One/portfolio-filter.php It's suppose to appears in one line and hide the rest three. It only works if I take off the bootstrap. Is there anyway to maintain the …

Member Avatar
Member Avatar
+0 forum 6

Hello, Please cek this website: http://www.innovation.web.id/One/portfolio-filter.php This is the code: portfolio-filter.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Portfolio</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/carouselstyles.css"> <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="bootstrap-3.3.5/css/custom.css"> <script src="bootstrap-3.3.5/js/jquery.min.js"></script> <script src="bootstrap-3.3.5/js/bootstrap.min.js"></script> </head> <body> <?php include('nav.php'); ?> <br><br><br> <div style="text-align:center;"><h2><b>Our Portfolio</b></h2></div> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in …

Member Avatar
+0 forum 0

hello, help me to make a photo gallery to my website

Member Avatar
Member Avatar
-3 forum 4

I've worked with alot of jquery galleries before but this one won't work.I'm using Twitter bootstrap and I wonder if it's JS bootstrap files are interfering with the JS file for the Unslider jquery gallery -> [Unslider](http://unslider.com/) that I'm using. ` <!-- Bootstrap Core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="css/half-slider.css" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'> <!-- JQuery --> <script src="js/jquery-1.11.2.min.js"></script> </head> <body> <!-- Navigation --> <nav class="navbar navbar-static-top " role="navigation"style="background-image:url('img/ap.jpg');"> <div class="container" > <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> <a href="#">Galleries</a> </li> <li> <a href="#">About</a> </li> <li> <a href="#">Contact</a> </li> </ul> </div> …

Member Avatar
Member Avatar
+0 forum 1

Can anyone suggest a responsive gallery which has a main slideshow with auto generated thumbnails and allows for captions?

Member Avatar
Member Avatar
+0 forum 3

input_image.php <p>metode image managementnya masih konstruksi</p><center> <p> <?php include('../includes/koneksi.php'); $id = isset($_POST['id']) ? $_POST['id'] : ''; $confirmation = isset($_POST['confirmation']) ? $_POST['confirmation'] : ''; $judul = isset($_POST['judul']) ? $_POST['judul'] : ''; $image = isset($_POST['image']) ? $_POST['image'] : ''; //Load berita if (!empty($_REQUEST['id'])){ $result = mysql_query("SELECT * FROM gallery WHERE id =".$_REQUEST['id']) or die(mysql_error()); $data = mysql_fetch_array($result); $id = $data['id']; $judul = $data['judul']; $image = $image['image']; } //Simpan berita if (isset($_REQUEST['ok'])){ if (empty($_REQUEST['id'])) $sqlstr = "INSERT INTO gallery(judul, image) VALUES('".$judul."','".$image."')"; else $sqlstr = "UPDATE gallery SET judul='".$judul."', image='".$image."' WHERE id=".$_REQUEST['id']; $result = mysql_query($sqlstr) or die(mysql_error()); // cek type file & simpan file …

Member Avatar
Member Avatar
+0 forum 1

Hello, I am trying to create a page for gallery (picture) input: input_gallery.php <?php include('../includes/koneksi.php'); $post_id = isset($_POST['post_id']) ? $_POST['post_id'] : ''; $confirmation = isset($_POST['confirmation']) ? $_POST['confirmation'] : ''; $kategori = isset($_POST['kategori']) ? $_POST['kategori'] : ''; $post_image = isset($_POST['post_image']) ? $_POST['post_image'] : ''; $page = isset($_POST['page']) ? $_POST['page'] : ''; //Load image if (!empty($_GET['post_id'])){ $result = mysql_query("SELECT * FROM static_page WHERE post_id =".$_GET['post_id']) or die(mysql_error()); $data = mysql_fetch_array($result); $post_id = $data['post_ID']; $page = $data['page']; $post_image = $data['post_image']; } else { echo "unable to select data"; echo "id is empty"; } //Update Image if (isset($_POST['update'])){ if (empty($_POST['post_id'])) { $sqlstr = "INSERT …

Member Avatar
Member Avatar
+0 forum 6

This code enables you to publish a CSS only with mouse click and keyboard tab image swap. Attached is a Demo example of how it would look on IE6. To ensure the greatest possible cross-browser compatibility/support this code uses CSS level 1 capabilities only. One of extra benefits is that it will function even within browsers that doesn't support, and/or clients that have disabled javascript engine to. Big images are asynchronous keeping the page as light and as fast as possible. The code itself will fall under 6KB if relative URLs are used. [here I'm using absolute paths to some …

Member Avatar
Member Avatar
+7 forum 12

Hi friends, I'm using Wordpress 3.5.1 , and have created gallery from add media it works fine for this page but i have need to get thumbs of this inserted gallery in footer.As gallery is updated then thumbs in footer must be updated, Is there any function to get thumbs for gallery. Actually my client wants these small thumbs like flicker. Every one is welcome to give suggesstions. Thanks in advance

Member Avatar
Member Avatar
+0 forum 1

Hi, I am not for sure if I am posting in the correct room. I have a flash photo gallery question. I am making a flash webpage using CS4 using a previous and next button. Both the previous and next button work but one problem. It does not stop at the first gallery instead it goes all the way to the end to the very last gallery. Example. One gallery is name food, the next family, and after sports, and etc. The next and previous button goes to the next gallery without stopping. My question is, is there a way …

Member Avatar
Member Avatar
+0 forum 2

I'm currently using this code to display a video lightbox on my site. If possible, I'm looking into rendering a disqus comment system under the popup video. Is that possible? Here's the js code. var Videobox = { init: function (options) { // init default options this.options = Object.extend({ resizeDuration: 400, // Duration of height and width resizing (ms) initialWidth: 250, // Initial width of the box (px) initialHeight: 250, // Initial height of the box (px) defaultWidth: 425, // Default width of the box (px) defaultHeight: 350, // Default height of the box (px) animateCaption: true, // Enable/Disable caption …

Member Avatar
Member Avatar
+0 forum 1

I´m working on (and now using) the following image gallery on my website. There's no bell's and whistles just the basic utilities: Forward, backward, start/stop auto, set speed, loading animation. The slideshow as described below is optimized for pictures that are all 400px in height, but you can easily change the code to fit your needs. The html is as follows: <div id="mainSlideshow"> <div id="navSection"> <img id="prevSlide" src="/pics/slideShow/prevSlide.jpg" /> <form id="runSlide"> Auto <input type="checkbox" name="check" /> Speed <select name="speed"> <option value="1">1 sek</option> <option value="2">2 sek</option> <option value="3">3 sek</option> <option value="4">4 sek</option> <option value="5">5 sek</option> <option value="6">6 sek</option> <option value="7">7 sek</option> …

Member Avatar
Member Avatar
+1 forum 1

So I found this neat js for my site to make the video system much more streamlined. I was wondering if anyone knew how to change the carousel.js in the code, so that instead of circling around a few thumbnails, instead there would be a grid system of thumbnails underneath. Even if that's too much for you, pointing me in the right direction would be great. I'm kind of new with the whole overlay videos type deal. Thanks! <div id="player"></div> <script src="http://luwes.co/vimeowrap.js/1.2/vimeowrap.js"></script> <script src="http://luwes.co/vimeowrap.js/1.1/vimeowrap.carousel.js"></script> <script> vimeowrap('player').setup({ urls: [ 'https://vimeo.com/user3709818' ], plugins: { 'carousel': {} } }); </script>

Member Avatar
Member Avatar
+0 forum 3

i have downloaded this script , a photo gallery which creates albums, uploads photos, deletes them, i nedd to insert the path of the folder according to this instructions : $script_url=$_SERVER['PHP_SELF']; //Change this if you want to use this as an include file. $files_path="./album/"; // Where does the album start? Anything under the directory the script will read. With Trailing slash $full_server="http://localhost:8080/phAlbum/album"; //Enter the full server path to where the albums start. //With Trailing Slash Can you explain it to me, i want to be sure, eventhough there are comments that explain, is it ok this way? Because when i …

Member Avatar
Member Avatar
+0 forum 3

I am following this tutorial http://www.css-resources.com/code-for-php-photo-gallery.html to create php photo gallery but i get errors undefined index photos, categories and cy when i run this code, it gets the category names in a textarea and adds them in the db, in the output also says no database selected but i have selected it in the config.php. Please help!! <body onload='fix()'> <?php include_once ("config.php"); $pattern1 = '/[^a-zA-Z0-9\\_\\,]/i'; $pattern2 = '/[^a-zA-Z0-9\\.\\,\\-\\_]/i'; $replacement = ''; $P=$_POST['photo']; $C=$_POST['category']; $CY=$_POST['cy']; $P=strip_tags($P); $C=strip_tags($C); $P=preg_replace($pattern2, $replacement, $P); $C=preg_replace($pattern1, $replacement, $C); $C=mysql_real_escape_string($C); $P=mysql_real_escape_string($P); if (strlen($P)<5 && strlen($C)<5) { unset($P);unset($C); echo "<div id='form' class='form'> <form name='myform' method='post' action='cms-write-photo-gallery.php' onsubmit='bye()'> …

Member Avatar
Member Avatar
+1 forum 3

hi, i am creating a php based image gallery, after long search on google i found a good decent code for it. but when i change the opendir() location in code, the thumbnail image shows blank image instead of orignal image! here is the code! <?php # SETTINGS $max_width = 200; $max_height = 200; $per_page = 9; $page = $_GET['page']; $has_previous = false; $has_next = false; function getPictures() { global $page, $per_page, $has_previous, $has_next; if ( $handle = opendir("gallery/.") ) { $lightbox = rand(); echo '<ul id="pictures">'; $count = 0; $skip = $page * $per_page; if ( $skip != 0 …

Member Avatar
Member Avatar
+0 forum 9

Hi! New here, but i'll keep it short and as detailed as i can. I have searched for anything similar but cant seem to find anything.. Well, here is what i am having problems with: I'm trying to create an array (consisting only of img src) for every image loaded inside a specific div, and each img has same class. Cant see to get that to work. When the array is created successfully, the div we just fetched from, including all child elements, will be delted/removed. The purpose of this is: When i have the array, im going to try …

Member Avatar
Member Avatar
+0 forum 3

Hello, Can somebody recommend me a good-looking dynamic gallery with captions that is supported on mobile devices? I'm currently using Lightview, but it's sadly not supported. It should be free to use. Any help would be appreciated!

Member Avatar
Member Avatar
+0 forum 1

Hello i can not figure out how to take images from my database to jQuery gallery. User uploaded images in the data base. Images are sorted by date. And how I can do, what all imges goe's in the jQuery gallery, besause now i can get all imges in one column with code. Tnxs for help me! :) <?php $query_picture = "SELECT * FROM `Failai`"; $result_picture = mysql_query($query_picture); $count=mysql_num_rows($result_picture); if (mysql_num_rows($result_picture) > 0) { mysql_data_seek($result_picture, $fotonumeris); } else { print("Failu nerasta"); } while($row_picture = mysql_fetch_array($result_picture)){ $z = $z + 1; $rowpct = $row_picture['Vieta']; print("<span class=center><img width=562px height=500px src=$rowpct alt=example/></span></br>"); } …

Member Avatar
Member Avatar
+0 forum 1

I have a photo gallery where there is a strip of thumbnails on the top and a full size image below. Basically when I click the thumbnails, it should show the full size image in the image placeholder known as "full" in my page. That works fine except I also have next and back buttons to navigate the gallery. When someone clicks the next button, it doesn't go to the next image in the strip, but the last one that was viewed using the arrows. I have a variable called imageNum which is what determines the image you are looking …

Member Avatar
Member Avatar
+0 forum 2

Hi peeps, I was thinking to develop something similar to this http://www.toyota.co.uk/cgi-bin/toyota/bv/generic_editorial.jsp?navRoot=toyota_1024_root&noLeftMenu=true&edname=See-the-range&zone=Zone+See+the+Range&id=SeeTheRange_Link It is in flash now, and I would like to have something similar in jquery, what would be the best way to proceed do you think? Any advice? thank you

Member Avatar
Member Avatar
+0 forum 6

Hey Guys, I'm struggeling with an idea of mine and hope there's someone here who can help me. **My idea:** A small gallery package, consisting of as few files as possible (html, css, javascript) that can read the /images folder in the same folder, and output those files to the html so it can be viewed in a gallery. **What I've got** I've found a minimalistic gallery with just the basics: an index.html, a style.css and an /images folder I also searched for methods in JS to index files. **The problems** the index methods I found for JS all work …

Member Avatar
Member Avatar
+1 forum 10

So I'm making this website off a template, but I recently came across a problem. If I insert the Webstunning Gallery I got it appears overtop my sidebar when it stretches out, so I can't see the navigation. Is there any way to send the flash document to a more bottom layer instead of being on top, or make the sidebar always appear on top? I'm using Dreamweaver CS5.5 and here's the long code for this page. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- #BeginTemplate "../../Templates/template.dwt" --> <head> <!-- #BeginEditable "meta" --> <title>WL Plastics - Foran …

Member Avatar
Member Avatar
+0 forum 1

**i need help in my code !! ** <?php echo $prev.' '.$next;?> **when open this page need make next and prev in link ? how can i do it ? I need my link Like It to show in body (Div ) ! how can i make it ** <?=$prev.' '.$next;?> **Like It ? ** <a href="THIS_PAGE_URL?mid=<?php '.($prev).'?>">Prev</a> <a href="THIS_PAGE_URL?mid=<?php '.($$next).'?>">Next</a> **Original Code ? ** <?php $mid=mysql_real_escape_string($_GET['mid']); $res=mysql_query("select * from images where mid='".$mid."'",$conn); $prevSQL = mysql_query("SELECT mid, path FROM images WHERE mid > '".$mid."' LIMIT 1"); $nextSQL = mysql_query("SELECT mid, path FROM images WHERE mid < '".$mid."' LIMIT 1"); $row …

Member Avatar
Member Avatar
+0 forum 2

%author: Alexis Papathanassopoulos from Tkinter import * import Image, ImageTk import os import glob import time top = Tk() c=Canvas(top,width=800,height=400, bg='lightblue') c.grid(row=0,columnspan=2,sticky=N+E+W+S) pdict={} class Flow: def __init__(self, clickfunc): self.cfunc = clickfunc def goto(self, canvas, nr): global velocity,autorotate clickeditem = canvas.find_withtag("pic_" + str(nr)) tagsofitem= canvas.gettags(clickeditem) oldcenteritem= canvas.find_withtag('center') if clickeditem: if oldcenteritem: itemtags= canvas.gettags(oldcenteritem) canvas.itemconfig(oldcenteritem, tags=(itemtags[0], itemtags[1], itemtags[2], 'pic', 'nocenter' ) ) itemtags= canvas.gettags(clickeditem) canvas.itemconfig(clickeditem, tags=(itemtags[0], itemtags[1], itemtags[2], 'pic', 'center' ) ) autorotate=True canvas.update_idletasks() canvas.after(0) def show_gallery(self,canvas, maxdispimages, pathdict): global velocity,xold,maximages,autorotate,centerrec distance= 10 velocity= 0 xold=0 autorotate=False mydict={} infodict={} CWIDTH = canvas.winfo_reqwidth() CHEIGHT = canvas.winfo_reqheight() PICWIDTH= (CWIDTH-distance)/(maxdispimages) - distance PICHEIGHT= int(PICWIDTH*1.6) maximages= …

Member Avatar
Member Avatar
+0 forum 1

**can help me please .. when i need to remove MAX_SIZE from my code and $dir='upload'; because function create thumbnail in images folder Nd i think error in this code if(move_uploaded_file($t_name,$dir."/".$name)) {** <?php //define a maxim size for the uploaded images define ("MAX_SIZE","1000"); // define the width and height for the thumbnail // note that theese dimmensions are considered the maximum dimmension and are not fixed, // because we have to keep the image ratio intact or it will be deformed define ("WIDTH","250"); define ("HEIGHT","200"); // this is the function that will create the thumbnail image from the uploaded image …

Member Avatar
Member Avatar
+0 forum 1

im using a wordpress plugin called [photospace](http://thriveweb.com.au/the-lab/wordpress-gallery-plugin-photospace-2/#6). it works great except images always seem to stack up on top of each other. [[image here]](http://i.imgur.com/77vPl.jpg) i edited the css file thinking it was a padding issue but it didnt work. i looked though the javascript file too but i dont see where the problem is coming from. any guesses? [php file](http://pastebin.com/z6m5mkph) [css file](http://pastebin.com/HtQN7Yfe) [js file](http://pastebin.com/EgFL3Lih)

Member Avatar
Member Avatar
+0 forum 2

Ello, Firstly let me preface this with the fact that I'm absolutely hopeless at ASP.net. I know the basics, but that's it. Right, I'm trying to fix a property site coded in ASP.net. On the property landing page, there is a small gallery of thumbnail images below a larger one (image is at bottom) What's supposed to happen is that the large image changes on click. Except it doesn't. And I can't work out why it won't. Even my php laced brain can see that the below code should work: So this is from the Property details aspx page. <asp:DataList …

Member Avatar
Member Avatar
+0 forum 2

The End.