|
HTML - Video Gallery
hey I'm working on a video gallery, and here is the basic code:
Code: <!-- Start Videos --> <div id="Watch a video"> <img src="WatchAVideo.jpg" alt="Click a video below to watch!" /> </div> <div id="Video1" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video1" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 2" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video2" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 3" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video3" frameborder="0" allowfullscreen></iframe> </div> <div id="Video 4" style="display: none;"> <iframe width="560" height="315" src="http://www.youtube.com/embed/Video4" frameborder="0" allowfullscreen></iframe> </div> <!-- End Videos --> <!-- Start Thumbnails --> <a href="#" clicktoshow="Video 1" clicktohide="Watch a video,Video 2,Video 3,Video 4"> <img src="thumbnail-1.jpg" /> </a> <a href="#" clicktoshow="Video 2" clicktohide="Watch a video,Video 1,Video 3,Video 4"> <img src="thumbnail-2.jpg" /> </a> <a href="#" clicktoshow="Video 3" clicktohide="Watch a video,Video 1,Video 2,Video 4"> <img src="thumbnail-3.jpg" /> </a> <a href="#" clicktoshow="Video 4" clicktohide="Watch a video,Video 1,Video 2,Video 3"> <img src="thumbnail-4.jpg" /> </a> <!-- End Thumbnails --> I am aware that "Clicktoshow" and "Clicktohide" are NOT working HTML codes, But i wanted to know how I can do it so it does work. Any ideas? Similar Tutorialshi, i have a twelve videos and want upload on my website...! i want to create a youtube video gallery like in which video play on left hand side and other video thumbnail on right hand side with paging...! and all the pages have this gallery...! i dont know whatz the method or tool to create video gallery...! if u have any idea and tool or any suggestion kindly inform me...! last thing is that i dont want to use any database...! is it possible? Hey all, Is it possible to shut down video screen automatically after displaying the video? I mean, after video is over, is it possible to hide the video screen? ( I tried to use embed tag... <embed src="myVideo" autostart="true" /> ??) Thanks, Doron Hello, first post. HELLO! my video widget playlist on my index is a different size on my index.php but the correct size throughout the rest of my site. Its quite annoying, can anyone shed any light on this issue? thanks. http://www.brewrecords.net HTML Code: <?php get_header(); ?>
<div id="content">
<div id="homepagetop">
<div class="textbanner">
<?php $recent = new WP_Query("cat=" .ot_option('hp_top_cat'). "&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
<?php endwhile; ?>
</div>
<div id="homeslider">
<?php include(TEMPLATEPATH."/includes/slider.php");?>
</div>
<div class="homewidgets">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage Top Right') ) : ?>
<div class="widget">
<h4>Widget Area</h4>
<p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p>
<p><small>*This message will be overwritten after widgets have been added</small></p>
</div>
<?php endif; ?>
</div>
</div>
<div id="homepage">
<?php include(TEMPLATEPATH."/sidebar_left.php");?>
<div class="homepagemid">
<h3><?php echo cat_id_to_name(ot_option('hp_mid_cat')); ?></h3>
<?php $recent = new WP_Query("cat=" .ot_option('hp_mid_cat'). "&showposts=" .ot_option('hp_mid_num') ); while($recent->have_posts()) : $recent->the_post();?>
<div class="homepagecontent">
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a>
<h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
<?php the_excerpt(); ?>
</div>
<?php endwhile; ?>
</div>
<?php include(TEMPLATEPATH."/sidebar_right.php");?>
</div>
</div>
<!-- The main column ends -->
<?php get_footer(); ?>
Hello to everyone, Brand new here and need help with something that has not been covered here. I am trying to implement a new gallery script on my website. The script requires an <ul> of images to make it work. Example: <ul class="gallery"> <li><img src="img/architecture11.jpg" alt="architecture11" title="architecture11 Caption"></li> </ul> My question, as i have around 100 images for each album will i have to code each line manually... it would take forever! Many thanks. Maggi. I'm building a website and i'm new to this. I want to build a gallery section on my site. Here's how I want it to work. I want people to be able to upload there own pictures in it themselves. It's main page will be the thumbnails with small description deside it. When a thumbnail is clicked, it open a pop-up with the picture with a resolution of 600x400 with description under it the person added while uploading the picture. After when the 600x400 picture is clicked that pop-up window will closed and another one with its orginal resolution will open. Clicking again will cause is to close. I also want to add a search engine in there with search options such as category, newly added, latest added, user... If anyone know ann extention for dreamweaver for it or something with frontpage please let me know. any help at all will be appreciated and thanked. I'm trying to create a web page that allows my thumbnail photos to link to an enlarged version of the same image right above the thumbnails. So lets say I have 4 thumbnails lined up, I could click on either one, and a larger version of the image would appear, centered, above. If I clicked another image, the previous enlarged image would go away, and the newly clicked image would display, enlarged, in place where the last one was. I know you can do something similar with a mouseover code with Java script. I'm looking to strictly create something for a single page with HTML. Anyone have some insight? Hi, Does anyone know how you make a gallery to this one http://www.suecorr.com/page2.htm, where the image pops up when you click on it and darkens the background, and also gives you the option to move on to the next image. Thanks Dyfrig I was wondering if it was possible to past an Image over an image WITHOUT backround img code. But my MAIN q. was if there was a win7 equivelant to galleryimage=no. I want to make a gallery. What is the best way to do this? I've heard of something called coppermine, but I don't quite understand it.. Is there someone willing to help me, and to explain properly step by step how to make a photo gallery the best way? Hi people. I'm looking for a small script, preferably CSS. Not really looking for table, or JavaScript.. Here is what I'm looking for in the way the images are set up; Thanks -- Chris Hi everyone! I am redesigning my website. It is an illustration website, and it needs to have a portfolio. I need some help with the gallery navigation. I want people to use the arrow keys to move between images, and I want the image to be in the circle. How should I do this? I don't want to use frames, and I also don't want to make an entire new page for each image. Any tips? Thank you! http://imageupload.org/?d=4DA74E611 Hi everyone, Someone suggested that I use php to create a gallery for my site. I've never used php, and I want a simple click through gallery. (in the circle.) can anyone please recommend a script? http://imageupload.org/?d=4DA74E611 This is my layout. Hello there, This problem might belong in the serverside section, but it seems to be syntax related, so I'll post it here for now. The current problem can be seen at: http://urkedaljenssen.no/hp/gallery/images/photography/ (The thumbnails become black X's, but do not worry about this, it is a different problem altogether. This is just an example of the application in use) The application in question is Simpleviewer, located at: http://www.airtightinteractive.com/simpleviewer/ (free application) The automated script in which the problem is located is he http://www.airtightinteractive.com/s..._instruct.html (PHP version) Problem: When trying to execute the script, having chmod'ed everything to 777 on all levels, it displays syntax error on line 408. I have checked line 408 in the script and this is the doctype declaration, I can't see any errors in it, but perhaps a fresh pair of eyes can as I have been working Thank you. I am attempting to set up a gallery. My goal is to have it look some what like this with the right being thumbnails and the left side a full-view, thumbs opening in the full view window when clicked. My issue is how to target the left side, I could set up frameset's but I have no experience working with them so would like to avoid if possible. What I am wondering is if there would be a way to manage it with div's and how one would go about targeting it as a display space. Thanks in advance for any advice on the matter. Hi Can anyone point me in the direction of some decent HTML code for a photo gallery, Im getting fed up with people not being able to open my falsh ones so im going back to basics. I want something that wont need loads of changes each month, something that will require little set up, Iv about 30 photos each weeke i need to put up online... any ideas? hjghjghjgjkgjg Im creating a web gallery, and it deals with iFrames. So I have 2 iFrames in the page 1 iFrame shows the thumbnails. the second iFrame shows the full picture. So the thumbnail one I decided to go horizontally this time and not vertically like I usually do. Now the problem is I have the thumbnail iFrame a certain length. It hold visibly 5 80px thumbnails. If I add any more thumbnails is puts the extra thumbnails below the first 5. Which I don't want, I want all the thumbnails to be on one line even if I have like 20 thumbnails. how can I do this? thx for your help This is my first post here. Hi and thanks in advance for any future help anyone may be able to offer. I am not very good at html and I have just received a class assignment that I am having a lot of trouble doing. I am not having much luck finding tutorials that create an image gallery. Here is the assignment I have to do: Quote: In your previous assignments, you may have found that when you click on a gallery item in someone's gallery, you are shown a larger version of the image with more information about the piece. This is called a "detail" page. Your assignment is to design (using text only) a 600 pixel by 400 pixel detail page that includes an area for a main image, a description, next and previous buttons, and a close window button. Then collect five placeholder images from the Web. Create one detail page for each of your five placeholder images. For each image, write a short description that includes an unordered or ordered list. Also, remember to cite the sources from where you got the images unless they are your own images. Then link these pages together so the previous and next buttons send the user back and forth through the list of images. Remember that just because these are images now, you can easily replace the images with programs or files you create later on. Put each of your detail pages into a single folder, zip the folder, and upload the zip. I am really unsure how to get started. Thanks. Can anybody help me out with this problem? I need to create a photo gallery in html such that if I click on one photo it should appear in the same window, if I replace that photo by other the name of the previous picture should not change. How do I get my image gallery to work? [html] Example I am trying to do exactly what they have done here, with the image thumbs on the same table, and the next button will scroll through them. My Result Whats going on? p.s. i have attached the HTML file in the zip folder, and if u dont want to download that i have attached it as a txt file. |
|||||||