| View previous topic :: View next topic |
| Author |
Message |
nextgen I might as well work here


Joined: Jun 28, 2009 Posts: 79 Location: Maryland
|
|
| Back to top |
|
 |
bobby Site Admin


Joined: Jan 20, 2009 Posts: 782
|
|
| Back to top |
|
 |
bobby Site Admin


Joined: Jan 20, 2009 Posts: 782
|
|
| Back to top |
|
 |
bobby Site Admin


Joined: Jan 20, 2009 Posts: 782
|
|
| Back to top |
|
 |
bobby Site Admin


Joined: Jan 20, 2009 Posts: 782
|
|
| Back to top |
|
 |
neralex I might as well work here


Joined: Nov 01, 2010 Posts: 61
|
|
| Back to top |
|
 |
nextgen I might as well work here


Joined: Jun 28, 2009 Posts: 79 Location: Maryland
|
|
| Back to top |
|
 |
andyb Regular


Joined: Aug 09, 2011 Posts: 11 Location: Tamworth, UK
|
|
| Back to top |
|
 |
spasticdonkey Super Dev Donkey


Joined: May 08, 2009 Posts: 76
|
Posted: Mon Sep 03, 2012 2:10 pm Post subject: |
|
|
In terms of html5 readiness, I've been trying to get out of the habit of using the rel attribute. While it wont be an issue now, down the road it may be. In html5 the rel attribute can only be one of these values: alternate, author, bookmark, help, license, next, nofollow, noreferrer, referer, prefetch, prev, search, tag.
This is going to be a major headache on one of my sites, when the day comes
I imagine if you use the editor in "source" mode you could paste in your own colorbox coding as needed, directly with your story/content. Then just use a class to group them. My 2 cents.
html Code:<p><a class="group4" href="ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
<p><a class="group4" href="ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
<p><a class="group4" href="ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
<script type="text/javascript">
$(document).ready(function(){
$(".group4").colorbox({rel:'group4', slideshow:true});
});
</script>
|
|
|
| Back to top |
|
 |
bobby Site Admin


Joined: Jan 20, 2009 Posts: 782
|
|
| Back to top |
|
 |
andyb Regular


Joined: Aug 09, 2011 Posts: 11 Location: Tamworth, UK
|
|
| Back to top |
|
 |
andyb Regular


Joined: Aug 09, 2011 Posts: 11 Location: Tamworth, UK
|
Posted: Mon Sep 03, 2012 5:02 pm Post subject: |
|
|
example of where I'm wanting to add it here: http://www.audifans.net/article714.html
There are a lot more photos I was going to add as thumbnails to the bottom of the article... but have waited (for now)
Cheers
Andy |
|
| Back to top |
|
 |
neralex I might as well work here


Joined: Nov 01, 2010 Posts: 61
|
Posted: Mon Sep 03, 2012 6:11 pm Post subject: |
|
|
| andyb wrote: | | I may have missed something here. I'm wanting to make it so when the colorbox opens up, you can click to go forwards or backwards to the next image. |
Without the "rel" atrribute in the $AllowableHTML you can try it a long time without a result
open includes/jquery/colorbox-settings.js and add before "});" this one:
javascript Code:$(".colorboxslide").colorbox({slideshow:true, slideshowAuto:false, scalePhotos:true, width:"800px", maxHeight:"600px"});
|
open rn_config.php and add the "rel" atrribute to the a-tag of the $AllowableHTML:
find:
php Code:$AllowableHTML = array(
'a' => array('class' => 1, 'style' => 1, 'id' => 1, 'href' => 1, 'target' => 1, 'title' => array('minlen' => 4, 'maxlen' => 120)),
|
change it to:
php Code:$AllowableHTML = array(
'a' => array('class' => 1, 'style' => 1, 'rel' => 1, 'id' => 1, 'href' => 1, 'target' => 1, 'title' => array('minlen' => 4, 'maxlen' => 120)),
|
Now edit your article, make a right click on a every image, click an "Edit Link", click on "Advanced", add "colorboxslide" in the field "Stylesheet Classes" and type "colorbox" in the field "Relationship".
...save and have fun
ps: html5 sucks atm in my eyes, working without a standard is not my thing! i will wait an a stable version! |
|
| Back to top |
|
 |
andyb Regular


Joined: Aug 09, 2011 Posts: 11 Location: Tamworth, UK
|
Posted: Wed Sep 05, 2012 4:11 am Post subject: |
|
|
here's a curveball.... (that may make things a LOT easier/ quicker for people doing news- I'm not sure if this is the bast place to ask?
Basically, I know there are some scripts available (open source) where they will look at a given folder, generate thumbnails (GD library needs to be installed, I think) and then when you click on the thumbnail, will open it into a colorbox/ lightbox type affair where you can click them, and go forwards and back, etc.
Is it possible to include this- either into the generated/ source code when you create an article (or will it get stripped out?)- or possible to add it as a "feature" to the editor? I'm trying- where possible- to avoid changing "core" files as this would be a bit of a nightmare come upgrade time remembering what was added/ changed (I'm trying to keep notes, btw)
It's easy enough to upload either via FTP or the editor the images within a (created) sub directory.
I hope I'm making sense here?
Something akin to the code mentioned here (there are LOTS of examples)- http://davidwalsh.name/generate-photo-gallery
We used to have a gallery installation on the site- it contained over 10,000 photos. PHP has moved on and it no longer works, and there are no suitable updates you can plug in to *nuke easily enough.
Users can upload their images into the forums for discussion, etc- this just leaves me with a "gap"/ requirement for something to handle the news side of things. I don't always have access to FTP, or have time/ software to manipulate images to create thumbnails, etc.- something like this would be a HUGE bonus.
Maybe I'm asking too much?
I'm just thinking- mainly aimed at NERALEX as he has done an EXCELLENT job with the news update so far (I hope it's in future releases as standard of RN)
If I'm better posting this question over on the news module upgrade on RN, please advise. If there is no time/ resources / capability to do this, no problem- I appreciate all the information and support/ feedback received so far. |
|
| Back to top |
|
 |
neralex I might as well work here


Joined: Nov 01, 2010 Posts: 61
|
|
| Back to top |
|
 |
|
|