Jump to content

KGH

Members
  • Content Count

    14
  • Joined

  • Last visited

Posts posted by KGH


  1. <head>
    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript" src="jquery.isotope.js"></script>
    </head>
    <div class="container">
    <div class="categories">
    <ul class="cat">
    <li class="pull-left"><h4>PHOTOS</h4></li>
    <li class="pull-right">
    <ol class="type">
    <li><a href="#" data-filter="*" class="active">ALL</a></li>
    <li><a href="#" data-filter=".childhood">CHILDHOOD</a></li>
    <li><a href="#" data-filter=".concerts">CONCERTS</a></li>
    </ol>
    </li>
    </ul>
    <div class="clearfix"></div>
    </div>
    <div id="lightbox" class="row">
    <div class="col-md-4 childhood">
    <div class="portfolio-item">
    <img src="img/photos/childhood/img5.jpg" class="img-responsive" alt="Childhood Images ">
    </div>
    </div>
    <div class="col-md-4 childhood">
    <div class="portfolio-item">
    <img src="img/photos/childhood/img2.jpg" class="img-responsive" alt="Childhood Images "/>
    </div>
    </div>
    <div class="col-md-4 childhood">
    <div class="portfolio-item">
    <img src="img/photos/childhood/img3.jpg" class="img-responsive" alt="Childhood Images />
    </div>
    <div class="col-md-4 concerts">
    <div class="portfolio-item">
    <img src="img/photos/concerts/img1.jpg" class="img-responsive" alt="Concert Images">
    </div>
    </div>
    <div class="col-md-4 concerts">
    <div class="portfolio-item">
    <img src="img/photos/concerts/img1.jpg" class="img-responsive" alt="Concert Images">
    </div>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    $(window).load(function() {
    var $container = $('#lightbox');
    $container.isotope({
    filter: '*',
    animationOptions: {
    duration: 750,
    easing: 'linear',
    queue: false
    }
    });
    $('.cat a').click(function() {
    $('.cat .active').removeClass('active');
    $(this).addClass('active');
    var selector = $(this).attr('data-filter');
    $container.isotope({
    filter: selector,
    animationOptions: {
    duration: 750,
    easing: 'linear',
    queue: false
    }
    });
    return false;
    });
    });
    </script>
    </body>
    </html>
    I am using bootstrap and for the image gallery filtering i'm using jquery.isotope.js.This perfectly works in chrome and images are rersponsive.But in IE and firefox,images will not be responsive when window is smaller than 760px.Tried a lot.If I make it responsive ie.smartresize fn,then flitering does not work.Also tried new version of isotope.Then filtering doesn't work,images stay responsive.
    How to resolve the problem?Pl someone help me...

  2. Yes sir,I have admin folder in which index.php,login_success.php and logout.php files r there.In index.php,it checks for username and password.If both are correct it will goto login_success.php which is not happening.Whenever correct username and password are entered it will open index.php only allows us to enter username and password only.Not getting what s happening.I will paste the code.Please check it.

    Thanks in advance..

    index.php

    login_success.php

    logout.php


  3. I want a javascript for slideshow which is different kind.I'm doing slideshow for music program which should hava slideshow such that program details will appear above the images.Also one or more images at a time should slide below the details.

    one slide should have:

    Program Details

    one or more images

    Then the next slide like this only.

    Please suggest me in this regard.

    Thank you.


  4. I have video file which i converted to mp4,swf,ogv and wpm.I wrote following code.In chrome it is not showing image or picture which was in the video but playing the video correctly.In IE it is not playing and just showing flowplayer.What may be wrong?But it is correctly playing in Firefox.

     

    <video width="320" height="240" controls>
    <source src="videos/movie1.mp4" type="video/mp4">
    <source src="videos/movie1.ogv" type="video/ogg">
    <source src="videos/movie1.webmhd" type="video/webm">
    <object data="videos/movie1.mp4" width="320" height="240">
    <embed src="videos/movie1.swf" width="320" height="240">
    </object>
    </video>
    Please guide me in this regard.

  5. sir,

    I have a music video file of .mpg.I dont know how to insert a video.Tell me what r the steps needed to insert a video in html.Should we download any mediaplayer?

    I placed following code,getting a message VLC web plugin is not allowed.

     

    <object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
    standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="280" height="256">
    <param name="fileName" value="videos/movie1.mpg">
    <param name="animationatStart" value="true">
    <param name="transparentatStart" value="true">
    <param name="autoStart" value="true">
    <param name="showControls" value="true">
    <param name="Volume" value="-450">
    <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="videos/movie1.mpg" name="MediaPlayer1" width=280 height=256 autostart=1 showcontrols=1 volume=-450>
    </object>

     

    Thanks in advance...


  6. I got a solution which is webpage screenshot tool from Google chrome.But when i save the webpage through this it saves png format and also background repeats twice in this image even though it is not in the page.Is there any option for saving as jpg or any suggetion for this?

    Thank you.


  7. I want to save a webpage as image(.png or .jpg).I opened my webpage in Google chrome.Alt+Printscrn

    opened paint,pasted.Then saved as home.jpg.But whole page will not come since the page is long.How to achieve it?Also I want the width of the saved image should be 1200px and height 1000px.Please suggest me.

    Thanks in advance.


  8. I have a page our services.In that 10 headings are there.These headings should be links and on clicking on this it should show some images.This is the work i have got.I'm asking you on clicking particular heading,should i open a new page(html) in which the image is shown?

    If it is the case, I should have 10 html pages which have different images showing.Is it the way i have to do or any other way is there?

    Thanks.


  9. Dear sir/madam,

    I have a work where I have many headings.Each heading should be a link,on clicking should show respective work's image.Should i open new html page where i place that particular image?If so for 10 headings 10 different pages should be there.How efficiently i can do it?Please suggest me.

    Thank you.

×
×
  • Create New...