http://www.kriesi.at/support/tags/effects Support Forum - Tag: effects - Recent Posts en-US Thu, 23 May 2013 05:36:13 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27538 Thu, 22 Sep 2011 10:42:56 +0000 Dude 27538@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27525 Thu, 22 Sep 2011 07:32:43 +0000 brouge 27525@http://www.kriesi.at/support/ <p>wow that is soooooooo cool!<br /> you are doing an awesome job dude!<br /> thank you! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27510 Thu, 22 Sep 2011 05:37:10 +0000 Dude 27510@http://www.kriesi.at/support/ <p>Yes of course - just write the class attribute like:<br /> <pre><code>class=&quot;fancybox buynow athirdclass anotherclass&quot;</code></pre> <p>So each class separated by a blank </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27497 Wed, 21 Sep 2011 18:38:43 +0000 brouge 27497@http://www.kriesi.at/support/ <p>one last little thing.<br /> it seems that the video hover play button is the standard one even for pictures.<br /> i want to make a popup with fancybox from an image with the magnify symbol.<br /> i need to give the picture the class="fancybox" to open it with fancybox.<br /> can i give two different classes to one object and if so how? </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27373 Tue, 20 Sep 2011 07:04:14 +0000 Dude 27373@http://www.kriesi.at/support/ <p>Great - smells like new theme :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27356 Mon, 19 Sep 2011 23:25:08 +0000 brouge 27356@http://www.kriesi.at/support/ <p>i switched today! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27248 Sun, 18 Sep 2011 08:12:15 +0000 Dude 27248@http://www.kriesi.at/support/ <p>Glad that I could help you. Please switch to retail version asap :) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27188 Fri, 16 Sep 2011 20:48:09 +0000 brouge 27188@http://www.kriesi.at/support/ <p>.lightbox_buynow, .lightbox_video, .lightbox_image{<br /> position: absolute;<br /> z-index: 1;<br /> top:0;<br /> left:0;<br /> }</p> <p>works like a charm with the little dot at the beginning. </p> <p>thanks for your advice i will replace the illigal copy with the retail one.when i was updating the homepage i took the cracked version as a test to see how it looks. when i purchased the retail copy i allready had made some customizations and simply was to lazy to install everything again. this was a clear mistake by me and i have to apologize. of course i have a license from theme forrest (otherwise i would not have any access to this awesome support forum).<br /> sorry for the inconvenience, your support and kriesis work is a big help.</p> <p>best regards<br /> thomas </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27185 Fri, 16 Sep 2011 18:01:54 +0000 Dude 27185@http://www.kriesi.at/support/ <p>Try to add your lightbox class to following code in style.css:<br /> <pre><code>.lightbox_video, .lightbox_image{ position: absolute; z-index: 1; top:0; left:0; }</code></pre> <p>like:<br /> <pre><code>.lightbox_buynow, .lightbox_video, .lightbox_image{ position: absolute; z-index: 1; top:0; left:0; }</code></pre> <p>That said I noticed that you're using a pirate copy/illegal version of Display. This is quite bad in many ways because 1) this version adds malware links which point to other websites (which will affect seo) to the html code, you violate copyrights, the theme version is outdated and last but not least we won't support it. Please upload the retail version (you can download it @themeforest.net if you bought Display) and remove the pirate copy from your server. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27182 Fri, 16 Sep 2011 16:50:15 +0000 brouge 27182@http://www.kriesi.at/support/ <p>a target="blank" class="buynow" rel="lightbox_buynow" href="http://www.grin.com/e-book/162626/mathe-mit-nullplan/?partner_id=634859"&gt;<br /> <img src="http://www.mathemitnullplan.de/wp-content/uploads/analysis.gif" /></p> <p>you can have a look at <a href="http://www.mathemitnullplan.de" rel="nofollow">http://www.mathemitnullplan.de</a><br /> if you scroll down its the left picture (analysis) </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27178 Fri, 16 Sep 2011 16:13:22 +0000 Dude 27178@http://www.kriesi.at/support/ <p>Can you post a link to a sample entry please? </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27176 Fri, 16 Sep 2011 15:47:27 +0000 brouge 27176@http://www.kriesi.at/support/ <p>i added the if(jQuery(this).hasClass('buynow')) $newclass = 'lightbox_buynow'; behind the code.<br /> in my style1.css i added:<br /> .lightbox_buynow{<br /> background:transparent url(http://www.mathemitnullplan.de/wp-content/uploads/buy.png) no-repeat center center;<br /> }<br /> and even<br /> .buynow{<br /> background:transparent url(http://www.mathemitnullplan.de/wp-content/uploads/buy.png) no-repeat center center;<br /> }</p> <p>in the image link i add rel="lightbox_buynow" class="buynow" ... but the icon doesn't show up.<br /> the fade effekt from lightbox works but the icon is not visible yet. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27167 Fri, 16 Sep 2011 13:37:22 +0000 Dude 27167@http://www.kriesi.at/support/ <p>You can add your code after following line in custom.js:<br /> <pre><code>if(jQuery(this).attr(&#39;href&#39;).match(/(jpg|gif|jpeg|png|tif)/)) $newclass = &#39;lightbox_image&#39;;</code></pre> <p>I.e. you can try to work with custom classes for "buy now items" and use the hasclass() function: <a href="http://api.jquery.com/hasClass/" rel="nofollow">http://api.jquery.com/hasClass/</a> to change the hover image class. The code would look like:</p> <pre><code>if(jQuery(this).attr(&#39;href&#39;).match(/(jpg|gif|jpeg|png|tif)/)) $newclass = &#39;lightbox_image&#39;; if(jQuery(this).hasClass(&#39;buynow&#39;)) $newclass = &#39;lightbox_buynow&#39;;</code></pre> <p>All "buy now" image links must have a "buynow" css class. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27154 Fri, 16 Sep 2011 08:54:37 +0000 brouge 27154@http://www.kriesi.at/support/ <p>sorry my browser didn't show your reply because of caching.<br /> okay, i never use gifs for images.<br /> so any gif can activate the buy icon.<br /> what do i have to change in the custom.js? </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27153 Fri, 16 Sep 2011 08:51:47 +0000 brouge 27153@http://www.kriesi.at/support/ <p>everything points into the direction that this has something to do with the custom.js and the style1.css.</p> <p>in the custom.js i insert<br /> $newclass = 'lightbox_buy'; before $newclass = 'lightbox_video';</p> <p>in the style1.css i insert<br /> .lightbox_buy{<br /> background:transparent url(../images/skin1/buy.png) no-repeat center center;<br /> }</p> <p>giving the image the rel="lightbox_buy" activates the lightbox but it still shows the same icon as the video (activated by rel="lightbox_video").</p> <p>any advice for what is missing will be appreciated! </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27140 Fri, 16 Sep 2011 06:37:48 +0000 Dude 27140@http://www.kriesi.at/support/ <p>Hey,<br /> to be honest it's not easily possible because our javascript function adds the "right" icon based on the file type. I.e. jpg, png, gif, etc. files (images) get a magnifier, videos like youtube, vimeo, and all file types which are not marked as image get a "play" symbol. You can change the code/logic in js/custom.js </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27105 Fri, 16 Sep 2011 00:19:11 +0000 brouge 27105@http://www.kriesi.at/support/ <p>i found out that you have to include within the links:<br /> rel = "lightbox[boxes]" for the video icon<br /> rel = "gallery" for the image icon</p> <p>how is it possible to extend those icons. i know how to change them but i want to include a third icon for special links.<br /> e.g. rel ="buy" for ordering downloads<br /> where do i have to register this new icon?</p> <p>thanks in advance for a fast reply<br /> t.b.r. </p> http://www.kriesi.at/support/topic/using-magnify-hover-with-normal-images#post-27080 Thu, 15 Sep 2011 18:36:15 +0000 brouge 27080@http://www.kriesi.at/support/ <p>hello,<br /> is it possible to make normal images behave like the images at the top of a blog post or at the portfolio?<br /> i tried to give them a lightbox class but that won't work.<br /> they are placed as a widget in the box at the frontpage and link to another site:<br /> <a href="http://www.mathemitnullplan.de"><img src="http://www.mathemitnullplan.de/wp-content/uploads/Buchcover-Analysis.png" /></a></p> <p>any suggestions?<br /> best regards </p>