Wrapp content in a diffrent div after each 10... Wrapp content in a diffrent div after each 10...
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Wrapp content in a diffrent div after each 10...

Started by allvip, February 28, 2014, 02:13:35 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

allvip

February 28, 2014, 02:13:35 PM
I want to wrapp thumbnails on meta albums,actual meta albums,albums thumbnails and category div (catrow)

all pages with diffrent class:meta albums (for all meta albums - metaAlbumsDiv1,metaAlbumsDiv2 etc),actual meta (for all actual meta-actualMeta Div1,actualMeta Div2 etc),albums thumbnails(albThDiv1,albThDiv2 etc),category(CatrowWrappDiv1,Catrow WrappDiv2 etc)

Like this:
view attachment

allvip

#1
February 28, 2014, 02:16:51 PM
and for the album list too.

Αndré

#2
February 28, 2014, 03:48:32 PM
I don't get what you ask for.

allvip

#3
February 28, 2014, 04:23:25 PM
example: Album1 has 30 images that means on the album thumbnails page will show 30 thumbnails.
I want to divide them in divs after every 10 thumbnails:

<div class="cpg_main_block_inner">
  <div class="maintable">
  <div class="albThDiv1"><div class="thumbnails">thumb_image_1.jpg</div> <div class="thumbnails">thumb_image_2.jpg</div> <div class="thumbnails">thumb_image_3.jpg</div> <div class="thumbnails">thumb_image_4.jpg</div> <div class="thumbnails">thumb_image_5.jpg</div> <div class="thumbnails">thumb_image_6.jpg</div> <div class="thumbnails">thumb_image_7.jpg</div> <div class="thumbnails">thumb_image_8.jpg</div> <div class="thumbnails">thumb_image_9.jpg</div> <div class="thumbnails">thumb_image_10.jpg</div></div>
<div class="albThDiv2"><div class="thumbnails">thumb_image_11.jpg</div> <div class="thumbnails">thumb_image_12.jpg</div> <div class="thumbnails">thumb_image_13.jpg</div> <div class="thumbnails">thumb_image_14.jpg</div> <div class="thumbnails">thumb_image_15.jpg</div> <div class="thumbnails">thumb_image_16.jpg</div> <div class="thumbnails">thumb_image_17.jpg</div> <div class="thumbnails">thumb_image_18.jpg</div> <div class="thumbnails">thumb_image_19.jpg</div> <div class="thumbnails">thumb_image_20.jpg</div></div>
<div class="albThDiv3"><div class="thumbnails">thumb_image_21.jpg</div> <div class="thumbnails">thumb_image_22.jpg</div> <div class="thumbnails">thumb_image_23.jpg</div> <div class="thumbnails">thumb_image_24.jpg</div> <div class="thumbnails">thumb_image_25.jpg</div> <div class="thumbnails">thumb_image_26.jpg</div> <div class="thumbnails">thumb_image_27.jpg</div> <div class="thumbnails">thumb_image_28.jpg</div> <div class="thumbnails">thumb_image_29.jpg</div> <div class="thumbnails">thumb_image_30.jpg</div></div>

  </div>
</div>

phill104

#4
February 28, 2014, 04:50:41 PM
Why every 10?
It is a mistake to think you can solve any major problems just with potatoes.

allvip

#5
February 28, 2014, 05:08:50 PM
every 5,every 15 or 5 in div1,10 in div2. it does not mater.I just want to group thumbnails and have diffrent style for every group for a crazy looking page.

Αndré

#6
March 05, 2014, 02:17:06 PM
I'm sure this can be done near
Code Select
        if ((($i % $thumbcols) == 0) && ($i < count($thumb_list))) {
            echo $row_separator;
        }
in the function theme_display_thumbnails. As Coppermine uses a table layout out of the box, this will probably produce invalid HTML code.


I haven't tested the following modification, but it should work.

Find
Code Select
echo $header;
and below, add
Code Select
echo '<div class="albThDiv1">';

find
Code Select
        if ((($i % $thumbcols) == 0) && ($i < count($thumb_list))) {
            echo $row_separator;
        }
and below, add
Code Select
        if ((($i % 10) == 0) && ($i < count($thumb_list))) {
            echo '<div class="albThDiv'.($i / 10 + 1).'">';
        }

find
Code Select
echo $footer;
and above, add
Code Select
echo '</div>';

allvip

#7
March 05, 2014, 09:45:39 PM Last Edit: March 05, 2014, 10:13:24 PM by allvip
Empty div1,div2,div3 before each maintable that contains the thumbnails.
I used a clean curve theme.

Αndré

#8
March 05, 2014, 11:35:44 PM
Please post the actual HTML output.

allvip

#9
March 06, 2014, 02:07:27 PM Last Edit: March 06, 2014, 02:16:35 PM by allvip
with firebug - index.php with lastup,random etc thumbnails:

Code Select

<div id="cpg_main_block_outer">
<div class="cpg_main_block_inner">
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<div class="albThDiv1"> </div>
<div class="albThDiv2"> </div>
<div class="albThDiv3"> </div>
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<tbody>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
</tbody>
</table>
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<div class="albThDiv1"> </div>
<div class="albThDiv2"> </div>
<div class="albThDiv3"> </div>
<div class="albThDiv4"> </div>
<div class="albThDiv5"> </div>
<div class="albThDiv6"> </div>
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<tbody>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
</tbody>
</table>
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<div class="albThDiv1"> </div>
<div class="albThDiv2"> </div>
<div class="albThDiv3"> </div>
<div class="albThDiv4"> </div>
<div class="albThDiv5"> </div>
<div class="albThDiv6"> </div>
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<tbody>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
</tbody>
</table>
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<br>
</div>
</div>

allvip

#10
March 06, 2014, 02:15:27 PM
album thumbnails:

Code Select

<div id="cpg_main_block_outer">
<div class="cpg_main_block_inner">
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<div class="albThDiv1"> </div>
<div class="albThDiv2"> </div>
<div class="albThDiv3"> </div>
<div class="albThDiv4"> </div>
<div class="albThDiv5"> </div>
<div class="albThDiv6"> </div>
<div class="albThDiv7"> </div>
<div class="albThDiv8"> </div>
<div class="albThDiv9"> </div>
<div class="albThDiv10"> </div>
<table class="maintable " width="100%" cellspacing="1" cellpadding="0" align="center">
<tbody>
<tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
<td class="thumbnails" width="20%" valign="top" align="center">
</tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
<tr>
</tbody>
</table>
<img width="1" border="" height="7" alt="" src="images/spacer.gif">
<br>
<br>
</div>
</div>

Αndré

#11
March 06, 2014, 02:17:43 PM
As Firebug re-arranges the HTML source code, please don't use it to get the actual HTML source code. Instead, please use your browser's built-in feature or post a link to your gallery where we can check it ourselves.

allvip

#12
March 06, 2014, 02:57:45 PM Last Edit: March 19, 2014, 05:26:55 PM by allvip
I removed the links because I deleted the curve themes from the server.

Αndré

#13
March 14, 2014, 11:33:44 AM
Please try to replace
Code Select
        if ((($i % 10) == 0) && ($i < count($thumb_list))) {
            echo '<div class="albThDiv'.($i / 10 + 1).'">';
        }
with
Code Select
        if ((($i % 10) == 0) && ($i < count($thumb_list))) {
            echo '</div><div class="albThDiv'.($i / 10 + 1).'">';
        }

allvip

#14
March 19, 2014, 05:17:54 PM
Thanks a lot for your help.it worked for the divs no tables version.

how to replace tables with divs:

http://forum.coppermine-gallery.net/index.php/topic,76836.msg371239.html#msg371239

allvip

#15
January 30, 2015, 09:24:56 PM
for Andre

I know I asked support for many custom php and I give up using it, but is because I had to.
I wanted to make a really awesome theme and with big thumbnails but is not possible.
My gallery is always near or over my CPU and MySql time.
In a few months I have to decide to move to a VPN or cancell the gallery.

That to explain why I asked so many questions and I am not using most of them.
Thanks a lot.
Print
Go Up Pages1
User actions