Search Results

Search found 148 results on 6 pages for 'fancybox'.

Page 2/6 | < Previous Page | 1 2 3 4 5 6  | Next Page >

  • FancyBox Callback Keydown

    - by headShrinker
    I have been working on this code, and I can't seem to figure it out. Fancybox's callbacks don't seem to work at all. I have the keyboard bound to the pagination for this gallery. But I want to unbind the keyboard from the table when fancybox opens. When fancybox opens nothing changes.... What to do?? $(document).ready(function() { $('a.active').click(function() { var url = $(this).attr('href'); $('#ajaxTable').load(url+'/1'); return false; }); $("a.fancy").fancybox({ callbackOnStart: function() { $('a#gleft a#gright').unbind("keydown"); }, 'frameWidth': 570, 'frameHeight': 470 }) $(document).keydown(function(event) { if(event.keyCode == 37 ) { var url = $('a#gleft').attr('href'); if (url != null) { $('#ajaxTable').load(url+'/1'); $(document).unbind("keydown"); } } else if(event.keyCode == 39 ) { var url = $('a#gright').attr('href'); if (url != null) { $('#ajaxTable').load(url+'/1'); $(document).unbind("keydown"); } } }); });

    Read the article

  • Fancybox iframe says that my YouTube href is undefined

    - by user369732
    Here is my HTML: <a class="video iframe" href="http://www.youtube.com/watch?v=Psk2Pq03rv0">Arbitrary text</a> Here is the Fancybox javascript: $("a.video").fancybox({ 'padding' : 0, 'autoScale' : false, 'title' : this.title, 'overlayOpacity' : '.6', 'overlayColor' : '#333', 'transitionIn' : 'none', 'transitionOut' : 'none', 'centerOnScroll' : false, 'showCloseButton' : true, 'hideOnOverlayClick': false, 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), "v/"), 'type' : 'swf', 'swf' : { 'wmode': 'transparent', 'allowfullscreen': 'true' } }); Firebug Console says: this.href is undefined 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), As a result, clicking this link takes the user to YouTube and does not trigger Fancybox. Any advice?

    Read the article

  • Jquery FancyBox target specific DIV ID?

    - by MrThomas
    How do I get Fancy box to target a specific DIV ID on a page and not request the whole page in the fancybox.? This my code so fare $(function() { $(".style_image a").live('click', function(event) { $(".style_image a").find("#show_style").fancybox(); }); }); This don't work? I originally tried the following: $(function() { $(".style_image a").live('click', function(event) { $(this.href + " #show_style").fancybox(); }); }); Not sure how this done, or if it is even possible? here are the doc's

    Read the article

  • Using Fancybox for country select in WordPress

    - by user2076774
    I am new to developing sites and just started using wordpress. I was told that I could use fancybox to help create a popup that would allow a person to select a country. Something similar to below, the only problem is I have no clue how to do this, I installed a fancybox plugin in (http://wordpress.org/plugins/fancybox-for-wordpress/). The way the person did it was you click on an image and then this text country pops up. How do I implement this to pop up a country select after you click on an image? Thanks!

    Read the article

  • How to play an mp3 using fancybox

    - by user2980783
    I am adding fancybox to my page and to display different types of formats. I was able to implement video, text, and images seamlessly but when it doesn't load the audio. Once I click on the audio file on the gallery it opens on a blank page. I am trying to play the track as iframe if possible. Can anyone help with this. Thank you. <a class="hover-wrap" data-fancybox-type="iframe" data-fancybox-group="music" title="Breathin'" href="_include/download/Breathin'.mp3"> <span class="overlay-img"></span> <span class="overlay-img-thumb font-icon-plus"></span> <p class="description"> <span class="title">Song</span> </p> </a>

    Read the article

  • send variable fancybox onclick event

    - by samuel saul
    hi, i want to send href value. but its not working. function display () { $.fancybox({ 'href': 'index.php', 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); } i tryed this : function display (who) { $.fancybox({ 'href': 'index.php'+who, 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); } <a onclick="javascript:display("?id=11");" href="#" >create</a> this onclick event inside the innerhtml so its not working with '' why

    Read the article

  • fancybox iframe dimension

    - by iperdiscount
    Hi, in the fancybox homepage (http://fancybox.net/home) there is an exemple that opens an iFrame dimensioned as the 75% of the screen. I cant get it by modifing the width and height properties on the .js file as described on the site. Someones can help me? thaaanks

    Read the article

  • Flowplayer in fancybox?

    - by kastru
    I am trying to get the Flowplayer to be shown inside a Fancybox, but can't quite get it working. This is my code so far; $("a.video_link").click(function () { $.fancybox({ 'autoScale': false, 'transitionIn': 'none', 'transitionOut': 'none', 'title': this.title, 'width': 680, 'height': 495, 'href': '/flowplayer/flowplayer.swf?video=myvideo.flv', /* have also tried a couple of other options for the url settings, but without luck) 'type': 'swf', 'swf': { 'wmode': 'transparent', 'allowfullscreen': 'true' } }); return false; }); Any suggestions?

    Read the article

  • Open youtube video in Fancybox jquery

    - by Alexander Corotchi
    Can I open youtube video in fancybox. I have a list of youtube videos links , for ex: <a href="http://www.youtube.com/watch?v=PvbqV8W96D0" class="more">Play</a> and fancubox : $("a.more").fancybox({ 'titleShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); I don't want to create for each video new embed object. There is some plug in, or a way to do that ?

    Read the article

  • Fancybox: Get id of clicked anchor/element

    - by kastru
    I am trying to get the id of the clicked/shown element in fancybox. I have tried both "this.id" and "this.attr("id")" - but none of them works. $("a.lightbox_image").fancybox({ 'transitionIn': 'elastic', 'transitionOut': 'elastic', 'speedIn': 600, 'speedOut': 200, 'content': 'Id of element clicked'+this.attr("id") }); Any suggestions?

    Read the article

  • ASP.NET MVC How do i close fancybox on form post

    - by Azhar Rana
    I have a fancybox popup with a form inside it. When the form is posted it all works fine BUT after it is posted it redirects to the view and shows it on a full page. What i want is for the popup for to be posted and the fancy box to be closed. Here is my code Main Page This opens the popup fine <%: Html.ActionLink("Add Person Box", "AddTest", Nothing, New With {.class = "fbox"})%> <script type="text/javascript"> $(document).ready(function () { $(".fbox").fancybox(); }); </script> Popup page <% Using Html.BeginForm() %> <input type="submit" value="Save Person" /> <% End Using %> Again this submits fine but redirects to itself in full screen mode. i just want the form to be posted and the fancy box to be closed.

    Read the article

  • Display vimeo in fancybox , trouble in IE

    - by Alexander Corotchi
    Hi all, i have a problem with VIMEO video . I want to display it in fancybox : this is HTML : <a href="#content" class="zoom">test</a> <div id="content" style="display:none;"> <object width="504" height="280" data="http://vimeo.com/moogaloop.swf" type="application/x-shockwave-flash"> <param value="always" name="allowscriptaccess"><param value="true" name="allowfullscreen"> <param value="http://vimeo.com/moogaloop.swf" name="movie"> <param value="clip_id=6999704&amp;server=vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF" name="flashvars"> </object> </div> and js: $(document).ready(function() { $("a.zoom").fancybox(); }); Can somebody help me with this , maybe somebody knows hot to fix it .. Thanks !!

    Read the article

  • Use jQuery Fancybox(lightbox type dialog) with dynamically loaded links

    - by Pjack
    I'm trying to bind Fancy box links so that when the new links are created it will still work. I've seen a few other question on here but not really answered. This is what I'm trying to do. jQuery("a#[id^='domore_']").fancybox({ 'autoDimensions' : false, 'width' : 'auto', 'height' : 'auto' }); This works fine but when the page or links are reloaded by ajax it doesn't work. I tried using live() but I couldn't get it to work. How do you rebind or implement live on fancybox? Any way to do this? Thanks

    Read the article

  • fancybox encoding issue

    - by Noam Smadja
    i am using fancybox.net for my light boxes. it works great with images. but when i use iframe option i am having problems with encoding. i use hebrew and english and russian on my website. when i use UTF-8 on the iframe page i get squares instead of hebrew letters. when i change to iso-8859-8 i have hebrew but inverted, and russian goes: ??????????? any idea? my website is UTF-8 and every thing works great.. except fancybox :(

    Read the article

  • fancybox image sometimes renders outside box

    - by Colleen
    I have the following django template: <script type="text/javascript" src="{{ STATIC_URL }}js/ jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" href="{{ STATIC_URL }}css/ jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> {% include "submission-form.html" with section="photos" %} <div class="commentables"> {% load thumbnail %} {% for story in objects %} <div class="image {% if forloop.counter|add:"-1"| divisibleby:picsinrow %}left{% else %}{% if forloop.counter| divisibleby:picsinrow %}right{% else %}middle{% endif %}{% endif %}"> {% if story.image %} {% thumbnail story.image size crop="center" as full_im %} <a rel="gallery" href="{% url post slug=story.slug %}"> <img class="preview" {% if story.title %} alt="{{ story.title }}" {% endif %} src="{{ full_im.url }}" full- image="{% if story.image_url %}{{ story.image_url }}{% else %} {{ story.image.url }}{% endif %}"> </a> {% endthumbnail %} {% else %} {% if story.image_url %} {% thumbnail story.image_url size crop="center" as full_im %} <a rel="gallery" href="{% url post slug=story.slug %}"> <img class="preview" {% if story.title %} alt="{{ story.title }}" {% endif %} src="{{ full_im.url }}" full- image="{{ story.image_url }}"> </a> {% endthumbnail %} {% endif %} {% endif %} </div> {% endfor %} {% if rowid != "last" %} <br style="clear: both" /> {% endif %} {% if not no_more_button %} <p style="text-align: right;" class="more-results"><a href="{% url images school_slug tag_slug %}">more...</a></p> {% endif %} </div> <script> $(document).ready(function(){ function changeattr(e){ var f = $(e.clone()); $(f.children()[0]).attr('src', $(f.children() [0]).attr("full-image")); $(f.children()[0]).attr('height', '500px'); return f[0].outerHTML; } $('.image a').each(function(idx, elem) { var e = $(elem); e.fancybox({ title: $(e.children()[0]).attr('alt'), content: changeattr(e) }); }); }); </script> and I'm occasionally getting weird display errors where the box will either not render anything at all (so it will show up as just a thin white bar, basically) or it will render only about 30 px wide, and position itself halfway down the page. In both cases, if I inspect element, I can see the "shadow" of the full picture, at the right size, with the right url. Image source doesnt' seem to make a difference, I'm getting no errors, and this is happening in both chrome and firefox. Does anyone have any ideas?

    Read the article

  • Asp.net control inside of fancybox modal is not "working"

    - by studiothat
    Your typical "It doesn't work" freak out going on over here. Any direction would help. I have a login control on my master page and I'm trying to only display it using jquery fancybox and then redirect the user once they are logged in. But any buttons or controls that should do "something" when pressed when I put inside the fancy box are not responding. If I keep the div visible and then use the control not using fancybox I get the expected result. What are my options?

    Read the article

  • Using Fancybox with Google Static Maps

    - by Levi Hackwith
    Setup I have multiple links on a page with the class location_link Each Links rel attribute is equal to a city state combo (i.e.,Omaha, NE) Once the page is loaded, a JavaScript function loops through all of the location_link items and binds a click event to them using jQuery. This click event fires a call to the Fancybox constructor that is supposed to show a Google Map of the location that link is associated with The Problem: Whenever I click on one of the "location links", I get the following error message: The requested content cannot be loaded. Please try again later. Code I've Already Written: function setUpLocationLinks() { locationLinks = $("a.location_link"); locationLinks.click( function() { var me = $(this); console.log(me.attr("href")); $.fancybox( { "showCloseButton" : true, "hideOnContentClick" : true, "titlePosition" : "inside", "title" : me.attr("rel"), "type" : "image" } ) return false; } ); } Research I've Already Done: The Google Static Map API no longer requires an API Key. The following is from the Google Static Maps API Page Note: The Google Static Maps API no longer requires a Maps API key! (Google Maps API Premier customers should instead sign their URLs using a new cryptographic key which will be sent to you. See the Premier documentation for more information.) The The Image URL I'm using does resolve and pulls back the data I need When I put the above mentioned URL into a standard <img> tag, the map shows up just fine. I'd like to pull this off without having to create some sort of dummy <img> tag that I'm constantly switching the src attribute out of. Hopefully, you'll find this information helpful. Please let me know if you have any other questions.

    Read the article

  • Fancybox - ASP.NET button not working

    - by kape123
    I've just determined using Firebug that when Fancybox window is created it actually takes all of my ASP.NET controls (contained in DIV tag) and puts them outside FORM tag. So I guess this is the reason why then ASP.NET button doesn't do anything - it is placed outside form. So, do you have any suggestions how I can prevent this (or make that ASP.NET button work), other than using completely different modal dialog? Thanks in advance.

    Read the article

  • Fancybox force scroll to top

    - by Bradley Herman
    I'm using the jQuery Fancybox plugin to display some content on a website. Unfortunately, when a link is clicked, the lightbox that is loaded starts at the same scroll position as the previous one. I tried using self.scrollTo(0,0) $.scrollTo(0) $('#top').scrollTo(); and a few others methods to push it back to the top, but none have seemed to work. Any help on this?

    Read the article

  • input value in jquery fancybox

    - by Frankie-T
    Like asked here I got the problem, that I cannot read the value of an input type="text" field after writing something into it. The event is fired correctly, and with other inputs outside the fancybox it works great.

    Read the article

< Previous Page | 1 2 3 4 5 6  | Next Page >