Installation of a Jquery Plugin

Can someone explain to me how to install one of these plugins?
http://plugins.jquery.com/freezeheader/
https://github.com/jmosbech/StickyTableHeaders
Isn't JQuery installed by default within apex? I have version 4.1.0.00.32. Anyway I cannot find any instructions on how to complete this task other than ones saying "initialize the plugin" or "include it in your project". I have no idea where to start. Any help would be greatly appreciated.
Thanks,
-Steve

Hi Steve,
Firstly, jQuery plugins != APEX plugins
Many jQuery plugins that define drop-down menus etc would need to follow a process similar to this
http://www.grassroots-oracle.com/2013/05/css-pull-down-menu-using-apex-list.html
If you're chasing freeze header functionaliy, either read this thread
Horizontal/Vertical freeze
or head straight to this post
http://dbswh.webhop.net/htmldb/f?p=BLOG:READ:0::::ARTICLE:59900346164562
Scott

Similar Messages

Photogallery jQuery plugin doesn't show thumbnails

I have built 2 sites using Adobe Business Catalyst. Both use the built in photogallery which is a jQuery plugin. The first is HTML4. The second is HTML5.
The HTML4 site runs perfectly on all iOS devices. The HTML5 site, doesn't show the thumbnails. Oddly, I noticed if I click on the blank page, it DOES trigger the image in the lightbox, so the link IS hot.
I have tons of experience cross browser/platform checking for desktop, but I don't know where to begin for mobile/tablet. Of course, I need it FAST! Where do I start?
thanks,
mookie

Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]
* [[Troubleshooting plugins]]
If it does work in Safe-mode then disable all extensions and then try to find which is causing it by enabling one at a time until the problem reappears.
* Use "Disable all add-ons" on the [[Safe mode]] start window to disable all extensions.
* Close and restart Firefox after each change via "File > Exit" (Mac: "Firefox > Quit"; Linux: "File > Quit")

Interactive Report Refresh and JQuery Plugin Issue

Hi,
I have Interactive report in my page. I am using jQuery context menu plugin , so when user right click on a column he get an option to add , delete , update and other option.
javascript pseude code for context menu
$(function(){
context_menu();
function context_menu(){
$('.Col1').contextMenu();
}Suppose User Selects Delete option. In this case jQuery popup appears and users enter the data which is saved to table using on demand process. After that using gReport.search('SEARCH') , I am refreshing the page...
Now the issue arises ------ Now when i right click the column my jQuery context menu is not working ...
Workaround used ----- I added onmouseover=context_menu() function to the column link... and it working fine..
Now my question is ... each time the user moves the mouse over column it will run context_menu() function ..... Will there be any adverse issue .. or memory leakage issue...
Please advice..
Thanks,
shijesh

Hi,
I think there should not be any issues to do that way. You need of course test it carefully.
You can run stuff after IR refresh also on Apex 3.2.
See e.g. this post
Apex 3.2 hook javascripts to IR and execute those when report is refreshed
I have included that to my jQuery "plugin" for Apex 3.2
http://dbswh.webhop.net/apex/f?p=BLOG:READ:0::::ARTICLE:127800346959520
Regards,
Jari

Using jQuery plugin with spry framework

I am trying to integrate jQuery countdown plugin to my old spry pages:
http://keith-wood.name/countdown.html
However, it seems that spry kills jQuery plugin.
I am sure the jQuery countdown plugin works well without loading spry js.
Please tell me hot to use both spry and jQuery on the same page.
Thanks

It is quite possible that the two will clash.
But I have a problem in helping you because the page that you quoted does not contain Spry nor is there a Spry.js file.
Please explain what it is that you want to do.
Gramps

How to include jquery plugin in sap

I want to include a jquery plugin in sap view .how to do it?
Plz explain with an example if possible.
Thanks in advance

You can do this at the top of your view/controller to include jQuery UI plugins.
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core');
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget');
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse');
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable');
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-sortable');
Regards
Sakthivel

Iweb and jquery plugin

Hi, Im trying to use a jquery plugin for my iweb site similar to what is detailed here: http://www.unwrongest.com/projects/airport/.
Being a new user is there anybody that can help me so that i am able to have an airport information board style banner on my site? How do i do it? The details although it says are very simple, seem a bit complicated to me! Do i use html snippet for this? What code do i input to get it to work?
Thanks in advance.

Hi,
I think there should not be any issues to do that way. You need of course test it carefully.
You can run stuff after IR refresh also on Apex 3.2.
See e.g. this post
Apex 3.2 hook javascripts to IR and execute those when report is refreshed
I have included that to my jQuery "plugin" for Apex 3.2
http://dbswh.webhop.net/apex/f?p=BLOG:READ:0::::ARTICLE:127800346959520
Regards,
Jari

What are the steps to convert any jQuery Plugin to Apex Plugin?

Dear Apex Experts,
What are the steps to convert any jQuery Plugin to Apex Plugin?
Best Regards

you might also want to have a look at the documentation at http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/advnc_plugins.htm#HTMDB27009
Missed this Patrick
We (Oracle) also provide some plug-in examples at http://apex.oracle.com/plugins which you can use as a blueprint. The "Masked Text" would be a good example for you on how to wrap a jQuery plug-in as APEX plug-in.
Never used that, So don't know that it was a jquery
Thanks

Including JQuery Plugins

Hello together,
I have some troubles with JQuery Plugins. What is the reason that some simple JQuery Plugins work with Edge Animate and some not?
For example, I am trying to include the Plugin Foggy to create the blur effect. there is just one way to include it, but it doesn´t work.
Plugin: Foggy: jQuery plugin for blurring page elements
compositionReady:
sym.$('#Stage_Holztreppe_Casablanca_Treppen_Intercon_Buche_oSmG_2a_2577').foggy({
   blurRadius: 12,
   opacity: 0.8,
   cssFilterSupport: true
I hope, someone can help me....
Thank you very much

I just tested this and it works fine.
Make sure your selector name/reference is correct - remove the first portion, I have striked out below.
sym.$('#Stage_Holztreppe_Casablanca_Treppen_Intercon_Buche_oSmG_2a_2577').foggy({
   blurRadius: 12,
   opacity: 0.8,
   cssFilterSupport: true

How do I fix a jQuery plugin stops working when edgePreload.js script is attached?

I have a jQuery plugin on my site that I really want to use (Quicksand). I built the site in Dreamweaver, and now I want to animate the elements in Edge Animate, but I noticed as soon as I did anything, the Quicksand plugin stopped working! I troubleshooted for a while and discovered that it was simply the attachment of the edgePreload.js file that kept it from working... how do I fix this?
I have uploaded 2 pages to show what I'm talking about:
http://www.ruesterprod.com/edgeTest_a/ - my quicksand plugin works fine here (Click the 2 grey buttons to see what the Quicksand plugin is doing) I commented out only the part where edgePreload.js is attached...
http://www.ruesterprod.com/edgeTest_b/ - This one I left the edgePreload.js script attached and now the 2 grey buttons don't do anything...
Please help!
Thanks all!

{B635abd67-4fe9-1b23-4f01-e679fa7484c1} is an extension that is related to Yahoo. You didn't bother to provide your "Troubleshooting Information" so I can't guess the name of that extension. You need to figure out which extension that is, and disable it.
http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes

Interesting jquery plugin... why can't flash do this?

I thought it of amusing(?) mention to note to the community here that I am using the following in a flash project:
https://github.com/gokercebeci/droparea
(this plugin enables one to drag a file from their desktop to a division in the page, and have it both seamlessly upload, resize and be immediately viewable in the page rendition without browser refresh for co-operative browsers - in this case firefox and chrome and probably safari/webkit as well)
The idea is that I should be able to do the following:
- Make of flash.external.ExternalInterface to access a script that brings up a division's z-index above the flash SWF.
- In that division access functionality expressed with this jQuery plugin....
Pardon my sense of ironic humour as I refer to the AIR "only" classes and have this be an invitation/petition for Adobe to review access to specific methods in these classes.
What do you guys think?

Tested IE9 and Safari 5.05 : they don't work.
Chrome and Fox4 do.

How do I go about embedding a jquery plugin into the building process of Adobe Muse?

How do I go about embedding a jquery plugin into the building process of Adobe Muse?

Many of the "Edge" fonts offered in Muse for web font use are available as open source fonts from Google or other sites like Font Squirrel. For example, a company may want to use the Exo typeface in their logo. You can use Exo as a web font within a web site created in Muse. For general graphics work, like creating a logo and other branding work, the same typeface can be installed as a system font from the sources I mentioned.
The newest version of Muse will now allow you to use SVG graphics -a vector-based graphics format for the web. SVG objects can be scaled to any size without showing pixel jaggies. You can create vector-based type objects using any system font in Adobe Illustrator or other similar applications capable of saving SVG. Within Illustrator you can creatively manipulate those type objects, or do subtle things like adjusting letter spacing, then output it as an SVG image. I don't particularly care for the default letter spacing of many web fonts, so SVG is a fairly decent alternative.
Most new web browsers support SVG properly. Old versions of Internet Explorer (8 and earlier) and some older mobile web browsers don't support SVG without user-installed plug-ins. Those web browsers are disappearing quickly.

Blog Post: jApex, A jQuery Plugin for APEX

http://tylermuth.wordpress.com/2009/08/19/japex-a-jquery-plugin-for-apex/
Tyler Muth
http://tylermuth.wordpress.com

Tyler,
This is really nice! I am also working on jquery plugins for APEX. We should talk to see if we can combine all plugins in one big APEX plugin.
You can try [jquery.apex-session-0.0.1.js|http://apex.oracle.com/pls/otn/f?p=987654321:54:0:::54] and [jquery.apexpage-0.0.2.js|http://apex.oracle.com/pls/otn/f?p=987654321:52:0:::RP,52] .
Louis-Guillaume
[My Blog|http://lgcarrier.blogspot.com]
[APEX and jQuery demos|http://www.insum.ca/jquery]
Edited by: lgcarrier on Mar 11, 2009 7:15 PM

How to use jquery plugin jResponsive, please help!!

Hello,
Can someone show me how to integrate JResponsive plugin into Edge Animate with an example?
Here is the link to Jresponsive website:
Jresponsive
Thank you.

In compositionReady i inputed code:
var container_id = sym.getSymbol("container_id")
var content = [];
content[0] = '<div class="_1"></div>';
content[1] = '<div class="_2"></div>';
content[2] = '<div class="_3"></div>';
content[3] = '<div class="_4"></div>';
content[4] = '<div class="_5"></div>';
content[5] = '<div class="_6"></div>';
content[6] = '<div class="_7"></div>';
content[7] = '<div class="_8"></div>';
content[8] = '<div class="_9"></div>';
content[9] = '<div class="_10"></div>';
content[10] = '<div class="_11"></div>';
content[11] = '<div class="_12"></div>';
yepnope(
nope:[
'js/jquery-2.1.1.min.js',
'js/jresponsive.js',
complete: init
//when yepnope has loaded everything execute init();
function init (){
//initialise your variables and Edge comp here
$("#container_id").jresponsive({
    transormation: 'animation',
    min_size: 100,
    max_size: 250,
    height:250,
    hspace:10,
    vspace:10,
    class_name: 'item',
    content_array: content
and nothing happens. Can someone show me how to correct things in the code above?
I am using EA 2014.1.1.
I attached the example for you to open and see:
Dropbox - jresponsive.rar

Need some help tweaking the supersized jquery plugin

Hi, I'm using this plugin http://www.buildintearnet.com/2010/11/supersized-3-0-full-screen-background-slideshow-jque ry-plugin/ on my site here - http://www.blackpaint.co.uk/new/
The plugin cycles through as many images as yuo tell it to, when it reaches the last image it starts from the beginning again. I would like to make it through 3 images and then stop on the last.
here is the code:

     <script type="text/javascript" src="supersized3/supersized.3.0.js"></script>
     <script type="text/javascript">
          $(function(){
               $.fn.supersized.options = {
                    startwidth: 640,
                    startheight: 377,
                    vertical_center: 1,
                    slideshow: 1,
                    navigation: 0,
                    thumbnail_navigation: 0,
                    transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
                    pause_hover: 0,
                    slide_counter: 0,
                    slide_captions: 0,
                    slide_interval: 200,
                    slides : [
                         {image : 'supersized3/slides/1.jpg'},{image : 'supersized3/slides/2.jpg'},
                         {image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},{image : 'supersized3/slides/3.jpg'},
             $('#supersized').supersized();
     </script>
    
As you can see, my clunky work-around is to simply to repeat the last image over and over again - not very elegant and I imagine it uses up the users RAM.
Any suggestions of how to go about fixing this? Please note, I'm terrible with javascript syntax as of yet.
Many thanks for any help,
Luke

I have an altered version of the .js file that is meant to be able to control playback etc. But it's not working for me if I just replace my existing file with this one (obviously).
Any ideas on how to control this code? Here it is:
(function($){
     //Resize image on ready or resize
     $.fn.supersized = function() {
          $.inAnimation = false;
          $.paused = false;
          var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
          $.currentSlide = options.start_slide - 1;
          /******Set up initial images -- Add class doesnt work*****/
          //Set previous image
          var imageLink = (options.slides[options.slides.length - 1].url) ? "href='" + options.slides[options.slides.length - 1].url + "'" : "";
          $("<img/>").attr("src", options.slides[options.slides.length - 1].image).appendTo("#supersized").wrap("<a " + imageLink + "></a>");//Doesnt account for start slide
          //Set current image
          imageLink = (options.slides[$.currentSlide].url) ? "href='" + options.slides[$.currentSlide].url + "'" : "";
          $("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized").wrap("<a class=\"activeslide\" " + imageLink + "></a>");
          //Set next image
          imageLink = (options.slides[$.currentSlide + 1].url) ? "href='" + options.slides[$.currentSlide + 1].url + "'" : "";
          $("<img/>").attr("src", options.slides[$.currentSlide + 1].image).appendTo("#supersized").wrap("<a " + imageLink + "></a>");
          $(window).bind("load", function(){
               $('#loading').hide();
               $('#supersized').fadeIn('fast');
               $('#controls-wrapper').show();
               if (options.thumbnail_navigation == 1){
                    /*****Set up thumbnails****/
                    //Load previous thumbnail
                    $.currentSlide - 1 < 0 ? prevThumb = options.slides.length - 1 : prevThumb = $.currentSlide - 1;
                    $('#prevthumb').show().html($("<img/>").attr("src", options.slides[prevThumb].image));
                    //Load next thumbnail
                    $.currentSlide == options.slides.length - 1 ? nextThumb = 0 : nextThumb = $.currentSlide + 1;
                    $('#nextthumb').show().html($("<img/>").attr("src", options.slides[nextThumb].image));
               $('#supersized').resizenow();
               if (options.slide_captions == 1) $('#slidecaption').html(options.slides[$.currentSlide].title);//*********Pull caption from array
               if (options.slide_autoplay == 0) $('#pauseplay').hide();
               if (options.navigation == 0) $('#navigation').hide();
               if (options.thumbnail_navigation == 0){ $('#nextthumb').hide(); $('#prevthumb').hide(); }
               //Slideshow
               if (options.slideshow == 1){
                    if (options.slide_counter == 1){ //Initiate slide counter if active
                         $('#slidecounter .slidenumber').html(options.start_slide);
                        $('#slidecounter .totalslides').html(options.slides.length); //*******Pull total from length of array
                    if (options.slide_autoplay == 1) slideshow_interval = setInterval(nextslide, options.slide_interval);
                    function resetSlideInterval() {
                         if (options.slide_autoplay == 1){
                              clearInterval(slideshow_interval);
                              if(!($.paused)) slideshow_interval = setInterval(nextslide, options.slide_interval);
                    if (options.thumbnail_navigation == 1){
                         //Thumbnail Navigation
                         $('#nextthumb').click(function() {
                             if($.inAnimation) return false;
                             nextslide();
                             resetSlideInterval();
                             return false;
                        $('#prevthumb').click(function() {
                             if($.inAnimation) return false;
                            prevslide();
                            resetSlideInterval();
                            return false;
                    if (options.navigation == 1){ //Skip if no navigation
                         $('#navigation a').click(function(){
                                 $(this).blur();
                                 return false;
                         //Slide Navigation
                        $('#nextslide').click(function() {
                             if($.inAnimation) return false;
                             nextslide();
                              resetSlideInterval();
                             return false;
                        $('#prevslide').click(function() {
                             if($.inAnimation) return false;
                            prevslide();
                            resetSlideInterval();
                            return false;
                        $('#nextslide').mousedown(function() {
                                 $(this).attr("src", "images/supersized/forward.png");
                         $('#nextslide').mouseup(function() {
                             $(this).attr("src", "images/supersized/forward_dull.png");
                         $('#nextslide').mouseout(function() {
                             $(this).attr("src", "images/supersized/forward_dull.png");
                         $('#prevslide').mousedown(function() {
                             $(this).attr("src", "images/supersized/back.png");
                         $('#prevslide').mouseup(function() {
                             $(this).attr("src", "images/supersized/back_dull.png");
                         $('#prevslide').mouseout(function() {
                             $(this).attr("src", "images/supersized/back_dull.png");
                         if (options.slide_autoplay == 1){
                              //Play/Pause Button
                              $('#pauseplay').click(function() {
                                   if($.inAnimation) return false;
                                   var src = ($(this).attr("src") === "images/supersized/play.png") ? "images/supersized/pause.png" : "images/supersized/play.png";
                                   if (src == "images/supersized/pause.png"){
                                        $(this).attr("src", "images/supersized/play.png");
                                        $.paused = false;
                                        slideshow_interval = setInterval(nextslide, options.slide_interval);
                                   }else{
                                        $(this).attr("src", "images/supersized/pause.png");
                                        clearInterval(slideshow_interval);
                                        $.paused = true;
                                   $(this).attr("src", src);
                                   return false;
                              $('#pauseplay').mouseover(function() {
                                   var imagecheck = ($(this).attr("src") === "images/supersized/play_dull.png");
                                   if (imagecheck){
                                        $(this).attr("src", "images/supersized/play.png");
                                   }else{
                                        $(this).attr("src", "images/supersized/pause.png");
                              $('#pauseplay').mouseout(function() {
                                   var imagecheck = ($(this).attr("src") === "images/supersized/play.png");
                                   if (imagecheck){
                                        $(this).attr("src", "images/supersized/play_dull.png");
                                   }else{
                                        $(this).attr("src", "images/supersized/pause_dull.png");
                                   return false;
          $(document).ready(function() {
               $('#supersized').resizenow();
          if (options.slide_autoplay == 1){
          //Pause when hover on image
               $('#supersized').hover(function() {
                    if (options.slideshow == 1 && options.pause_hover == 1){
                         if(!($.paused) && options.navigation == 1){
                              $('#pauseplay').attr("src", "images/supersized/pause.png");
                              clearInterval(slideshow_interval);
                    if($.inAnimation) return false; //*******Pull title from array
               }, function() {
                    if (options.slideshow == 1 && options.pause_hover == 1){
                         if(!($.paused) && options.navigation == 1){
                              $('#pauseplay').attr("src", "images/supersized/pause_dull.png");
                              slideshow_interval = setInterval(nextslide, options.slide_interval);
                         //*******Pull title from array
          $(window).bind("resize", function(){
              $('#supersized').resizenow();
          $('#supersized').hide();
          $('#controls-wrapper').hide();
     //Adjust image size
     $.fn.resizenow = function() {
          var t = $(this);
          var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
            return t.each(function() {
               //Define image ratio
               var ratio = options.startheight/options.startwidth;
               //Gather browser and current image size
               var imagewidth = t.width();
               var imageheight = t.height();
               var browserwidth = $(window).width();
               var browserheight = $(window).height();
               var offset;
               //Resize image to proper ratio
               if ((browserheight/browserwidth) > ratio){
                   t.height(browserheight);
                   t.width(browserheight / ratio);
                   t.children().height(browserheight);
                   t.children().width(browserheight / ratio);
               } else {
                   t.width(browserwidth);
                   t.height(browserwidth * ratio);
                   t.children().width(browserwidth);
                   t.children().height(browserwidth * ratio);
               if (options.vertical_center == 1){
                    t.children().css('left', (browserwidth - t.width())/2);
                    t.children().css('top', (browserheight - t.height())/2);
               return false;
     function resetSlideInterval() {
          if (options.slideshow == 1){
               clearInterval(slideshow_interval);
              if(!($.paused)) slideshow_interval = setInterval(nextslide, options.slide_interval);
     //Slideshow Next Slide
     function nextslide() {
          if($.inAnimation) return false;
          else $.inAnimation = true;
         var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
          var currentslide = $('#supersized .activeslide');
         currentslide.removeClass('activeslide');
         if ( currentslide.length == 0 ) currentslide = $('#supersized a:last'); //*******Check if end of array?
         var nextslide = currentslide.next().length ? currentslide.next() : $('#supersized a:first'); //*******Array
         var prevslide = nextslide.prev().length ? nextslide.prev() : $('#supersized a:last'); //*******Array
          $('.prevslide').removeClass('prevslide');
          prevslide.addClass('prevslide');
          //Get the slide number of new slide
          $.currentSlide + 1 == options.slides.length ? $.currentSlide = 0 : $.currentSlide++;
          /**** Image Loading ****/
          //Load next image
          loadSlide=false;
          $.currentSlide == options.slides.length - 1 ? loadSlide = 0 : loadSlide = $.currentSlide + 1;
          imageLink = (options.slides[loadSlide].url) ? "href='" + options.slides[loadSlide].url + "'" : "";
          $("<img/>").attr("src", options.slides[loadSlide].image).appendTo("#supersized").wrap("<a " + imageLink + "></a>");
          if (options.thumbnail_navigation == 1){
          //Load previous thumbnail
          $.currentSlide - 1 < 0 ? prevThumb = options.slides.length - 1 : prevThumb = $.currentSlide - 1;
          $('#prevthumb').html($("<img/>").attr("src", options.slides[prevThumb].image));
          //Load next thumbnail
          nextThumb = loadSlide;
          $('#nextthumb').html($("<img/>").attr("src", options.slides[nextThumb].image));
          currentslide.prev().remove(); //Remove Old Image
          /**** End Image Loading ****/
          //Display slide counter
          if (options.slide_counter == 1){
              $('#slidecounter .slidenumber').html($.currentSlide + 1);//**display current slide after checking if last
          //Captions
         if (options.slide_captions == 1){
              (options.slides[$.currentSlide].title) ? $('#slidecaption').html(options.slides[$.currentSlide].title) : $('#slidecaption').html('') ; //*******Grab next slide's title from array
         nextslide.hide().addClass('activeslide')
              if (options.transition == 0){
                   nextslide.show(); $.inAnimation = false;
              if (options.transition == 1){
                   nextslide.fadeIn(750, function(){$.inAnimation = false;});
              if (options.transition == 2){
                   nextslide.show("slide", { direction: "up" }, 'slow', function(){$.inAnimation = false;});
              if (options.transition == 3){
                   nextslide.show("slide", { direction: "right" }, 'slow', function(){$.inAnimation = false;});
              if (options.transition == 4){
                   nextslide.show("slide", { direction: "down" }, 'slow', function(){$.inAnimation = false;});
              if (options.transition == 5){
                   nextslide.show("slide", { direction: "left" }, 'slow', function(){$.inAnimation = false;});
         $('#supersized').resizenow();
     //Slideshow Previous Slide
     function prevslide() {
          if($.inAnimation) return false;
          else $.inAnimation = true;
          var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
         var currentslide = $('#supersized .activeslide');
         currentslide.removeClass('activeslide');
         if ( currentslide.length == 0 ) currentslide = $('#supersized a:first');
         var nextslide = currentslide.prev().length ? currentslide.prev() : $('#supersized a:last'); //****** If equal to total length of array
         var prevslide = nextslide.next().length ? nextslide.next() : $('#supersized a:first');
          //Get current slide number
          $.currentSlide == 0 ? $.currentSlide = options.slides.length - 1 : $.currentSlide-- ;
          /**** Image Loading ****/
          //Load next image
          loadSlide=false;
          $.currentSlide - 1 < 0 ? loadSlide = options.slides.length - 1 : loadSlide = $.currentSlide - 1;
          imageLink = (options.slides[loadSlide].url) ? "href='" + options.slides[loadSlide].url + "'" : "";
          $("<img/>").attr("src", options.slides[loadSlide].image).prependTo("#supersized").wrap("<a " + imageLink + "></a>");
          if (options.thumbnail_navigation == 1){
          //Load previous thumbnail
          prevThumb = loadSlide;
          $('#prevthumb').html($("<img/>").attr("src", options.slides[prevThumb].image));
          //Load next thumbnail
          $.currentSlide == options.slides.length - 1 ? nextThumb = 0 : nextThumb = $.currentSlide + 1;
          $('#nextthumb').html($("<img/>").attr("src", options.slides[nextThumb].image));
          currentslide.next().remove(); //Remove Old Image
          /**** End Image Loading ****/
          //Display slide counter
          if (options.slide_counter == 1){
              $('#slidecounter .slidenumber').html($.currentSlide + 1);
          $('.prevslide').removeClass('prevslide');
          prevslide.addClass('prevslide');
          //Captions
         if (options.slide_captions == 1){
              (options.slides[$.currentSlide].title) ? $('#slidecaption').html(options.slides[$.currentSlide].title) : $('#slidecaption').html('') ; //*******Grab next slide's title from array
         nextslide.hide().addClass('activeslide')
              if (options.transition == 0){
                   nextslide.show(); $.inAnimation = false;
              if (options.transition == 1){
                   nextslide.fadeIn(750, function(){$.inAnimation = false;});
              if (options.transition == 2){
                   nextslide.show("slide", { direction: "down" }, 'slow', function(){$.inAnimation = false;});
              if (options.transition == 3){
                   nextslide.show("slide", { direction: "left" }, 'slow', function(){$.inAnimation = false;});
              if (options.transition == 4){
                   nextslide.show("slide", { direction: "up" }, 'slow', function(){$.inAnimation = false;});
              if (options.transition == 5){
                   nextslide.show("slide", { direction: "right" }, 'slow', function(){$.inAnimation = false;});
              $('#supersized').resizenow();//Fix for resize mid-transition
     $.fn.supersized.defaults = {
               startwidth: 4,
               startheight: 3,
               vertical_center: 1,
               slideshow: 1,
               navigation:1,
               thumbnail_navigation: 1,
               transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
               pause_hover: 0,
               slide_counter: 1,
               slide_captions: 1,
               slide_interval: 5000,
               start_slide: 1,
               slide_autoplay:0,
})(jQuery);

[SOLVED]GStreamer installation is missing a plugin

In gnome tracker, I get the following error,
"Call to gst_discoverer_discover_uri() failed: Your GStreamer installation is missing a plug-in."
This leads to none of my files being processed by gnome extract. That leads to none of the local files are displayed in gnome documents and that application is useless now.
Any idea which plugin might be missing? How do I go about checking it?
Edit: I reinstalled gstreamer plugins (including good, bad and ugly) and that seemed to solve the issue.
Last edited by vjjustin (2012-03-22 00:48:29)

quasifilmie wrote:I would do pacman -S gstreamer0.10-plugins. If you have them all installed, pacman will say up-to-date reinstalling etc. Reinstalling altogether may help anyway or this could be a bug .
That was the quickest solution. Ever. Thank you sir!
Edit: OHH CRAP ADMIN GONNA APPEAR AND REKT ME! PLS ADMIN NO H8 I KNOW THIS IS OLD THREAD BUT IT HELPED ME!!!!
Last edited by erkexzcx (2014-12-04 21:41:46)

Installation of a Jquery Plugin

Similar Messages

Maybe you are looking for