Hallo zusammen,
da mir leider keiner bei meinem anderen Problem helfen konnte, habe ich mir nun nochmals eine andere Methode ueberlegt. Die vielleicht einfacher zu loesen ist.
ich will j_gallery.css am Anfang statt visible auf hidden setzen und dann bei click das Attribut aendern. Werde leider nicht schlau daraus warum das nicht zu einfach funktioniert.
Ich wuerde nen Freudentanz auffuehren wenn mir da wirklich noch jemand helfen koennte. DankeschoenCode:/* ** buildGallery() ** Construct HTML and CSS for the gallery, based on user options */ function buildGallery() { var gallery_images = opts.show_filmstrip?$('img',j_frames):$('img',j_panels); // For each image in the gallery, add its original dimensions and scaled dimensions to the appropriate arrays for later reference gallery_images.each(function(i){ img_h[i] = this.height; img_w[i] = this.width; if(opts.frame_scale=='nocrop') { frame_img_scale[i] = Math.min(opts.frame_height/img_h[i],opts.frame_width/img_w[i]); } else { frame_img_scale[i] = Math.max(opts.frame_height/img_h[i],opts.frame_width/img_w[i]); } if(opts.panel_scale=='nocrop') { panel_img_scale[i] = Math.min(opts.panel_height/img_h[i],opts.panel_width/img_w[i]); } else { panel_img_scale[i] = Math.max(opts.panel_height/img_h[i],opts.panel_width/img_w[i]); } }); // Size gallery based on position of filmstrip j_gallery.css({ 'position':'relative', 'width':gallery_width+(filmstrip_orientation=='horizontal'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin))+'px', 'height':gallery_height+(filmstrip_orientation=='vertical'?(gallery_padding*2):gallery_padding+Math.max(gallery_padding,filmstrip_margin))+'px' }); // Build filmstrip if necessary if(opts.show_filmstrip) { buildFilmstrip(); enableFrameClicking(); } // Build panels if necessary if(opts.show_panels) { buildPanels(); } // If user opts to pause on hover, or no filmstrip exists, add some mouseover functionality if(opts.pause_on_hover || (opts.show_panels && !opts.show_filmstrip)) { $(document).mousemove(function(e){ if(mouseIsOverGallery(e.pageX,e.pageY)) { // If the user opts to pause on hover, kill automated transitions if(opts.pause_on_hover) { if(!paused) { // Pause slideshow in 500ms $(document).oneTime(500,"animation_pause",function(){ $(document).stopTime("transition"); paused=true; }); } } // Display panel navigation on mouseover if(opts.show_panels && !opts.show_filmstrip && !panel_nav_displayed) { $('.nav-next-overlay').fadeIn('fast'); $('.nav-prev-overlay').fadeIn('fast'); $('.nav-next',j_gallery).fadeIn('fast'); $('.nav-prev',j_gallery).fadeIn('fast'); panel_nav_displayed = true; } } else { // If the mouse leaves the gallery, stop the pause timer and restart automated transitions if(opts.pause_on_hover) { $(document).stopTime("animation_pause"); if(paused) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); paused = false; } } // Hide panel navigation if(opts.show_panels && !opts.show_filmstrip && panel_nav_displayed) { $('.nav-next-overlay').fadeOut('fast'); $('.nav-prev-overlay').fadeOut('fast'); $('.nav-next',j_gallery).fadeOut('fast'); $('.nav-prev',j_gallery).fadeOut('fast'); panel_nav_displayed = false; } } }); } // Hide loading box and display gallery j_filmstrip.css('visibility','visible'); j_gallery.css('visibility','hidden'); $('.loader',j_gallery).fadeOut('1000',function(){ // Show the 'first' panel (set by opts.start_frame) showItem(iterator); // If we have more than one item, begin automated transitions if(item_count > 1) { $(document).everyTime(opts.transition_interval,"transition",function(){ showNextItem(); }); } }); }; /* ****************************************************************** */ /* von mir eingebuden dachte dies muss funktionieren tut es aber nicht */ /* ****************************************************************** */ $(function () { $('.img_wrap').click (function buildGallery() { j_gallery.css('visibility', 'visible'); }); }); /* ****************************************************************** */ /* ****************************************************************** */ /* ** MAIN PLUGIN CODE */ return this.each(function() { //Hide the unstyled UL until we've created the gallery $(this).css('visibility','hidden'); // Wrap UL in DIV and transfer ID to container DIV $(this).wrap("<div></div>"); j_gallery = $(this).parent(); // Adjusted classname to not conflict with themes and WordPress defaults j_gallery.css('visibility','hidden').attr('id',$(this).attr('id')).addClass('galleryview'); // Assign filmstrip class to UL $(this).removeAttr('id').addClass('filmstrip'); // If the transition or pause timers exist for any reason, stop them now. $(document).stopTime("transition"); $(document).stopTime("animation_pause"); // Save the id of the UL passed to the plugin id = j_gallery.attr('id'); // If the UL does not contain any <div class="panel-content"> elements, we will scale the UL images to fill the panels scale_panel_images = $('.panel-content',j_gallery).length==0; // Define dimensions of pointer <div> pointer_height = opts.pointer_size; pointer_width = opts.pointer_size*2; // Determine filmstrip orientation (vertical or horizontal) // Do not show captions on vertical filmstrips (override user set option) filmstrip_orientation = (opts.filmstrip_position=='top'||opts.filmstrip_position=='bottom'?'horizontal':'vertical'); if(filmstrip_orientation=='vertical') { opts.show_captions = false; } // Determine path between current page and plugin images // Scan script tags and look for path to GalleryView plugin $('script').each(function(i){ var s = $(this); if(s.attr('src') && s.attr('src').match(/jquery\.galleryview/)){ loader_path = s.attr('src').split('jquery.galleryview')[0]; // Modified Below for use with WordPress NextGen GalleryView Plugin by John Brien theme_path = s.attr('src').split('jquery.galleryview')[0]+'../images/themes/'; } }); // Assign elements to variables to minimize calls to jQuery j_filmstrip = $('.filmstrip',j_gallery); j_frames = $('li',j_filmstrip); j_frames.addClass('frame'); // If the user wants panels, generate them using the filmstrip images if(opts.show_panels) { for(i=j_frames.length-1;i>=0;i--) { if(j_frames.eq(i).find('.panel-content').length>0) { j_frames.eq(i).find('.panel-content').remove().prependTo(j_gallery).addClass('panel'); } else { p = $('<div>'); p.addClass('panel'); im = $('<img />'); im.attr('src',j_frames.eq(i).find('img').eq(0).attr('src')).appendTo(p); p.prependTo(j_gallery); j_frames.eq(i).find('.panel-overlay').remove().appendTo(p); } } } else { $('.panel-overlay',j_frames).remove(); $('.panel-content',j_frames).remove(); } // If the user doesn't want a filmstrip, delete it if(!opts.show_filmstrip) { j_filmstrip.remove(); } else { // Wrap the frame images (and links, if applicable) in container divs // These divs will handle cropping and zooming of the images j_frames.each(function(i){ if($(this).find('a').length>0) { $(this).find('a').wrap('<div class="img_wrap"></div>'); } else { $(this).find('img').wrap('<div class="img_wrap"></div>'); } }); j_frame_img_wrappers = $('.img_wrap',j_frames); } j_panels = $('.panel',j_gallery); if(!opts.show_panels) { opts.panel_height = 0; opts.panel_width = 0; }
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)